BASEにGTM・FacebookPixelタグを導入する。

ECサイトの広告を出すため、CV計測のためにBASEのショップにGTMとFacebook Pixel (Meta Pixel) のタグを設置したので、やり方忘備録。

手順

0. 以下の設定を済ませておく。

・BASEにログイン
・GTMコンテナの作成
・Facebookピクセルの作成

1. BASE内アプリ「HTML管理」

Apps -> HTMLタグ管理

BASE > Apps > HTMLタグ管理より、HTMLタグ管理をインストールする。
「タグを登録する」へ進む。

2. GTMタグの設置

GTM管理画面より、headerタグ、bodyタグを確認する。

BASEで下記設定でタグを登録する。
・カスタムタグ
・タグ名：「GTM-xxxxxx header」等にしておく
・タグ：GTMよりheaderコードを貼り付ける

bodyタグも同様の操作でタグを登録する。

念の為1分ほど待って、GTMにて「ウェブサイトをテストする」にBASEショップのURLを貼り付け、GTMがちゃんと設置されているか確認します。

3. Facbook Pixel の設置

こちらはBASE内アプリ「広告効果測定」。

BASEでアプリをインストール

Metaイベントマネージャ - データソース管理画面
> 「コードを手動でインストール」へ進む

コードをコピーして

BASEに貼り付け

その他のタグには下記コードを設定するとインスタ広告経由で購入された金額をPixelのイベントに送ることができる。

fbq(‘track’, ‘Purchase’, {value: {%item_total%}, currency: ‘JPY’});

設置確認はChrome拡張機能「Meta Pixel Helper」で行うとラク。

以上で完了です。

ちなみに、これでうまくいかなかったらApps「HTML編集」のほうで、直接HTMLソースに書き込む手段を取ろうと思ったが、タグ管理でGTMもPixelもうまくいった。※執筆時点