済チャット・チャットボットとWEB広告を連動させる

5.Facebook広告の設定 -GoogleTagManagerの設定-

トリガーの設定

まずは、GoogleTagManagerにてトリガーの設定を行います。
 
(1) GoogleTagManagerの管理画面を開き、画面左「トリガー」をクリックします。


(2)「新規」ボタンをクリックします。


(3)「名前のないトリガー」と表示されている欄に、任意のトリガー名を入力します。


(4) 画面中央「トリガーのタイプを選択して設定を開始」をクリックします。


(5)「トリガーのタイプを選択」が表示されるので、一覧から「カスタムイベント」をクリックして選択します。


(6)「イベント名」枠内に、上記手順「チャットプラスでイベントを作成する(8)で設定した、任意のイベント名を入力します。


(7)「このトリガーの発生場所」は、「すべてのカスタムイベント」にチェックをいれます。


(8)「保存」ボタンをクリックします。

 

タグの設定

続いて、GoogleTagManagerにてタグの設定を行います。
 
(1) 画面左「タグ」をクリックします。


(2)「新規」ボタンをクリックします。


(3)「名前のないタグ」と表示されている欄に、任意のタグ名を入力します。


(4) 画面中央「タグタイプを選択して設定を開始」をクリックします。


(5)「タグタイプを選択」が表示されるので、一覧から「カスタムイベント」をクリックして選択します。


(6) HTML枠内に、以下のコードを入力します。
※「任意の名前」の部分が、Facebook管理画面上で表示されるイベント名になります。

<script>
  fbq('trackCustom', '任意の名前');
</script>


(7)「トリガーを選択してこのタグを配信」をクリックします。


(8) 上記手順「トリガーの設定」で設定したトリガーを、クリックして選択します。


(9)「保存」ボタンをクリックします。


(10)「プレビュー」ボタンをクリックし、オレンジ色の「プレビュー中のワークスペース」という表示が出ることを確認します。


(11) チャットプラスのサービスを使用しているサイトを同じブラウザで開き、手順「4.Facebook広告の設定 -イベントの作成-」で設定したイベントの動作を行います。


(12) ページ下部から出てくるプレビュー画面「Tags Fired On This Page」に、設定したタグが表示されれば、動作確認は完了です。


(13)「プレビューモードを終了」をクリックし、「公開」ボタンをクリックします。