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

• サイトに OneSignal Web SDK がインストールおよび初期化されていること
• タグとセグメントの使い方を理解していること

​

セットアップ

​

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

function pushSubscriptionChangeListener(event) {
  if (event.current.optedIn && !event.previous.optedIn) {
    // User just opted in — tag with subscription context
    var pathSegment = window.location.pathname.split('/')[1] || 'home';
    var pageTopic = document.querySelector('meta[name="article-topic"]')?.content || 'general';

    OneSignal.User.addTags({
      subscription_page: pathSegment,
      subscription_page_topic: pageTopic,
    });
  }
}

OneSignalDeferred.push(function(OneSignal) {
  OneSignal.User.PushSubscription.addEventListener("change", pushSubscriptionChangeListener);
});

• change イベントは、ユーザーのプッシュサブスクリプション状態が変化したとき（オプトイン、オプトアウト、トークンの更新）に発生します。
• ユーザーがアクティブなサブスクリプションを持つ場合、event.current.optedIn は true です。!event.previous.optedIn を確認することで、タグが最初のオプトイン時にのみ適用され、状態変化のたびに適用されないことが保証されます。
• window.location.pathname.split('/')[1] は、サブスクリプションコンテキストとしてパスの最初のセグメントをキャプチャします。たとえば、URLが https://example.com/gaming/article-123 の場合、subscription_page タグは gaming に設定されます。
• pageTopic は <meta> タグから抽出され、'general' にフォールバックします。サイトのメタデータ構造に合わせて調整してください。

​

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

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

​

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

​

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

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

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

​

ベストプラクティス

• 実際のユーザーの意図を反映する意味のあるタグ名と値を使用する。
• 可能な限りページメタデータからタグ値を動的に抽出する。
• 最初のオプトイン時にのみタグ付けする——上記のリスナー例では、状態変化のたびに再タグ付けされないよう !event.previous.optedIn を確認しています。

​

よくある質問

​

ユーザーがブラウザデータをクリアした場合、タグは持続しますか？

​

最初のサブスクリプション後にタグを更新できますか？

​

関連ページ