Skip to main content

はじめに

Google Tag Manager は、マーケターが Web サイトのコードを変更することなくマーケティングタグをインストール、保存、管理でき、使いやすい Web ベースのインターフェースから Web サイトやモバイルアプリにタグを即座にデプロイできる無料のツールです。

MoEngage と Google Tag Manager の統合

MoEngage と Google Tag Manager の統合により、Web サイトにコードを記述することなく、MoEngage Web SDK をデプロイしてそのすべての機能を活用できます。

Web SDK による統合

テンプレートをインポートし、新しいタグを追加する権限を持つ Google Tag Manager アカウントがあることを確認してください。
MoEngage が構築した Google Tag Manager テンプレートには、Initialization Tag と Actions Tag の 2 つがあります。どちらのタグも、Templates セクションからインポートしてワークスペースに追加できます。

GTM ワークスペースへのテンプレートのインポート

ステップ 1: 2 つのタグをダウンロードしてインポートする:
GTM1
  1. Initialization Tag と Actions Tag をダウンロードします (右クリックして保存)。
  2. GTM ワークスペースにタグをインポートするには、左側のメニューから Templates 画面に移動します。
    Gtm2
  3. Tag Templates で、“New” ボタン >> Actions メニュー (右上) >> Import をクリックします。ダウンロードした Initialization Tag のファイルを選択します。
  4. 左側に MoEngage のロゴが表示されたら、保存をクリックします。
  5. Actions Tag についても同様に行います。

Initialization Tag

Initialization Tag は、MoEngage Web SDK を Web サイトに追加するために使用します。これにより、MoEngage のネイティブセットアップを最大限に活用できます。 ステップ 1: Initialization Tag を選択して設定する
Gtm3Gtm3
  1. GTM ダッシュボードで、Tags >> New をクリックします。
  2. Tag Configuration をクリックし、“Custom” の下で MoEngage の Initialization Tag を探します。
  3. 必要に応じてタグを設定します。
ステップ 2 (オプション): Web プッシュ通知を有効にする 必要に応じて、Google Tag Manager を介してプッシュを送信できるようにしたい場合は、まずプッシュ統合のガイドラインに従い、Service Worker ファイルをプロジェクトのルートディレクトリに配置します。 ステップ 3: トリガーの設定 タグを設定した後、サイトのすべてのページビューでトリガーされるように設定します。
Gtm4
これにより、Web サイトのすべてのページで MoEngage Web SDK が初期化されます。

Actions Tag

MoEngage Actions Tag テンプレートを使用すると、カスタムイベントのトリガー、カスタムおよび標準のユーザー属性の更新、ユーザー ID の追加または更新を行うことができます。 ステップ 1: Actions Tag を選択して設定する:
Gtm6
  1. GTM ダッシュボードで、Tags >> New をクリックします。
  2. Tag Configuration をクリックし、“Custom” の下で MoEngage Actions Tag を探します。
  3. 必要に応じてタグを設定します。
MoEngage Actions Tag を使用すると、MoEngage Web SDK を使用して以下のいずれかのアクションを実行できます。

カスタムイベントのトラッキング

Gtm7
カスタムイベントをトラッキングするには、Tag Type として “Track Custom Event” を選択します。

カスタムユーザー属性のトラッキング

Gtm8
カスタムユーザー属性をトラッキングするには、Tag Type として “Track Custom User Attributes” を選択します。

ログイン

最新の Initialization テンプレートと Actions テンプレートをダウンロードして使用してください。ユーザーのログインに “Login” タグタイプを使用している場合は、以下のタグタイプに切り替えてください。
ユーザーをログインさせるには、Tag Type として “Identify User (Identity object as param)” を選択します。
Logingtm
標準のユーザー属性をトラッキングしたい場合は、“Attribute Name” として以下の名前を使用します。カスタムユーザー属性の名前はそのまま使用できます。 たとえば、アカウントで Email (Standard)、Mobile Number (Standard)、ID が User Identities として設定されている場合、以下のようにこれら 3 つの属性でユーザーをログインさせることができます。変数を使用してユーザーの属性値を動的に設定できます。ここでは例として静的な値を指定しています。
例
ID のみでユーザーをログインさせたい場合は、代わりに “Identify User (uid as param)” タグタイプを選択できます。
Identify User

ログアウト

Logout
ユーザーをログアウトさせるには、Tag Type として “Logout” を選択します。

ユーザー ID の更新

最新の Initialization テンプレートと Actions テンプレートをダウンロードして使用してください。ユーザー ID の更新に “Update User ID” タグタイプを使用している場合は、以下のタグタイプに切り替えてください。
Identify User タグタイプを使用して、ユーザーの ID を更新できます。たとえば、現在のユーザーの ID (Email と ID) を更新したい場合は、次のように行うことができます (変数を使用できます)。
ユーザー ID の更新
MoEngage でユーザーの User ID の更新がどのように機能するかについて、詳細はこちらを参照してください。

標準属性のトラッキング

標準属性のトラッキング
標準属性をトラッキングするには、Tag Type として次のいずれかを選択します。
  1. Track First Name
  2. Track Last Name
  3. Track Email
  4. Track Mobile
  5. Track Username
  6. Track Gender
  7. Track Date of Birth
MoEngage でのユーザーの標準属性の更新について、詳細はこちらを参照してください。

SDK の有効化

このタグを使用して SDK を有効にできます。詳細については、こちらを参照してください。
Enablesdk

SDK の無効化

このタグを使用して SDK を無効にできます。詳細については、こちらを参照してください。
SDK の無効化

データトラッキングの有効化

このタグを使用してデータトラッキングを有効にできます。詳細については、こちらを参照してください。
データトラッキングの有効化

データトラッキングの無効化

このタグを使用してデータトラッキングを無効にできます。詳細については、こちらを参照してください。
データトラッキングの無効化
ステップ 2: トリガーの設定 タグを設定した後、Web サイトの適切なタイミングでトリガーされるように設定します。これは、カスタムイベントをトラッキングしたいのか、ユーザーをログイン/ログアウトさせたいのかによって異なります。

タグの順序付け

Actions Tag が実行される前に、Initialization Tag が実行されていることを確認してください。ページの読み込み時や Initialization Tag の直後に実行する必要があるアクションがある場合、SDK が初期化される前に Actions Tag が実行されてしまう可能性があります。 この望ましくない動作を防ぐには、Tag Sequencing を追加し、Initialization Tag の後にのみ Actions Tag が配信されるようにします。
  1. Action Tag -> Advanced Settings -> Tag Sequencing -> Fire a tag before Moengage Actions Tag fires に移動します。
    Tagssequencing
  2. Initialization Tag を選択します。

GTM サーバーサイドによる統合

Web サイトにコードを記述することなく、GTM サーバーで取得したイベントを MoEngage に転送することもできます。GTM サーバーと MoEngage の統合の設定方法について詳しくは、ヘルプドキュメントを参照してください。

広告ブロッカーへの対処 (カスタムプロキシドメイン)

広告ブロッカーによって MoEngage SDK のトラフィックが妨げられないようにするため、カスタムプロキシドメインを介してリクエストをルーティングできます。詳細については、広告ブロッカーへの対処を参照してください。GTM の設定を更新するには、次の手順に従います。 1. テンプレートの権限を更新する: GTM テンプレートのスクリプト挿入権限を更新して、MoEngage SDK がカスタムドメインからスクリプトを読み込めるように承認する必要があります。次の手順に従います。
  1. MoEngage の Initialization Tag テンプレートで、Permissions タブを選択し、Inject scripts セクションを展開します。
  2. 許可される URL の一致パターンにカスタムドメインを追加します。https://cdn.yoursubdomain.yourdomain.com の形式を使用し、プレースホルダーを実際の customProxyDomain に置き換えます。
テンプレートの権限の更新
2. Custom Proxy Domain フィールドを設定する: すべてのネットワークリクエストがプロキシを使用するように、タグの設定でサブドメインのホスト名を指定します。
  • Custom Proxy Domain フィールドに、設定済みのサブドメインのホスト名 (例: yoursubdomain.yourdomain.com) を入力します。
Custom Proxy Domain フィールドの設定