ページトピック別にWebプッシュサブスクリプションを追跡

​

ページ別にWebプッシュサブスクライバーに自動的にタグ付けしてターゲットする

• subscriptionChangeイベントを使用してWebプッシュオプトインを検出
• ユーザーがサブスクライブしたときにカスタムデータタグを適用
• ターゲットキャンペーン用にタグでユーザーをセグメント化
• タグとタイミングに基づいてメッセージングシーケンスを自動化

​

セットアップ

​

1. ページ固有のメタデータでユーザーにタグ付けする

// 例：スポーツ関連ページでサブスクライブするユーザーにタグ付け
let page_topic = 'sports'; // DOMまたはメタデータから動的に抽出することもできます

OneSignal.push(function() {
  OneSignal.on('subscriptionChange', function(isSubscribed) {
    if (isSubscribed === true) {
      console.log('The user subscription state is now:', isSubscribed);

      // 例："/gaming/article-123"から"gaming"を抽出
      var pathArray = window.location.pathname.split('/');

      OneSignal.User.addTags({
        "subscription_page": pathArray[1],
        "subscription_page_topic": page_topic,
      }).then(function(tagsSent) {
        console.log('Tags sent:', tagsSent);
      });
    }
  });
});

• subscriptionChangeイベントは、ユーザーのサブスクリプション状態が変更されたときに発生します。
• isSubscribed === trueの場合、ユーザーはオプトインしたばかりです。
• window.location.pathname.split('/')[1]は、サブスクリプションコンテキストとしてページパスの最初のセグメントをキャプチャします。
• page_topicは、ページのメタデータまたはコンテンツに基づいて動的に設定できます。

​

2. タグでユーザーをセグメント化する

• subscription_pageが”gaming”のユーザーにキャンペーンを送信
• タグ値とタイミング（例：最初のセッションからの経過時間）に基づいて動的セグメントを作成

​

3. フォローアップメッセージングを自動化する

​

4. セグメントをメッセージテンプレートと組み合わせる

• キャンペーンの各段階（例：イントロ、リマインダー、プロモーション）用のTemplatesを構築します。
• ユーザーが適切なセグメントに入ったときに、Journeysを使用してこれらのメッセージを送信します。

• ゲームコミュニティまたはソーシャルグループへの招待
• トピックに関連するトレンド記事の推薦
• 独占オファーまたは割引コードの送信

​

ベストプラクティスと注意点

• 実際のユーザーの意図を反映する意味のあるタグ名と値を使用する
• 可能であればタグ値を動的に抽出する、例：

let page_topic = document.querySelector('meta[name="article-topic"]')?.content || 'general';

• console.log()またはブラウザ開発ツールを介してタグ付けの成功を監視する

• ページ読み込みごとに不必要にユーザーに再タグ付けする（サブスクリプションが新しい場合にのみタグ付け）
• タグにPII（例：名前、メール）を含める
• サイト全体でタグ値をハードコーディングする