【WordPress連携】特定のURL(ボタン)をクリックしたことを計測するイベントを設置

この章では、具体例として自社商品 A の購入ボタンをクリックしたことをイベントに設定する方法を学びます。

【前提条件】
商品Aを購入するためのボタンがあるページの URL
https://fjt-marketing.com/product-list/

購入ボタンをクリックしたときに遷移する先のページ(リンク先)の URL
https://fjt-marketing.com/product-a/

商品ページのボタンをクリックしたことを計測したい

なお、事前にGTM(グーグルタグマネージャー)をWordPressに連携させておく必要があります。
まだの方は下記を参照ください。

GTM(グーグルタグマネージャー)を開くところからスタート。

 イベントを作りたいコンテナを選択

タグ」→「新規

タグの名前」を入力し「タグタイプを選択して設定を開始

(※)タグの名前は自由だが管理やしやすいように具体的に書く方が良い

カスタム  HTML 」

左図のとおりにコードを正確に入力

心配な方は下記をコピーして貼り付けて「xxx」を商品を識別できる文字に変更してください。

そのまま貼り付けてOK
<script>
fbq('trackCustom', 'xxx');
</script>

「‘」はシングルクォートと呼ばれる記号です。
【入力の仕方】
英数字モードにしてから「P」の右側にある「@」のキーを押す。
(※)もし「@」が表示されてしまう場合は「Shift」と同時に押す。

間違っても「Shift」+「7」を押してはいけません。そちらはアポストロフィと呼ばれており、これを使うとイベントを計測できない可能性があります。
自信の無い方は上記のコードをコピーして「xxx」だけ書き替えるようにしましょう。

xxx」の部分を置き換えた文字は広告マネージャーで設定する際にプルダウンリストに上がってきます
長すぎると扱いにくいですが、簡略しすぎると選択ミスをしやすくなります。
端的でかつ見分けやすい文字列にしましょう。

「xxx」の部分に置き換える文字は半角英字、数字、全角日本語(漢字もOK)が使えます。ただし記号については特別な役割を果たす場合があるので使わないでください。
(※)なお「-(ハイフン)」「_(アンダーバー)」は使っても問題ありません。

詳細設定」→「タグ呼び出しオプション」→「1ページにつき1度」を選択

タグの順序付け」→「自社商品 A の購入ボタンをクリックが発動するにタグを配信」にチェック→「タグを選択

(※)必ず「前に」の方を選ぶこと

「 Metaピクセル」を選択

トリガーを選択してこのタグを配信

右上の「+」をクリック

既に作成済みのトリガーを使う場合は、リストの中から選ぶだけでOKです。
≫ 選んだら【★1】へ移動してください。

トリガーの名前を入力し「トリガーのタイプを選択して設定を開始

トリガーの名前は任意ですが具体的に書く方が管理しやすいです。

リンクのみ」を選択

リンクのみ」が見当たらない場合、変数の設定ができていません。下記を参考に設定してください。

> クリックを測定する「Click URL」の設定

タグの配信を待つ」にチェックを入れ「妥当性をチェック」にもチェックを入れる

(※)『2000』はそのままでOK

トリガーの有効化条件を「Page URL」「正規表現に一致」「.*」(ピリオドとアスタリスク)に設定

(※)この設定を忘れやすいので注意!

一部のリンククリック」にチェックを入れトリガーを発火させたいページの条件を設定し「+」をクリック
【例】
例えばタグを設置するページのURLには必ず「product-list」が含まれている、などの条件を入力

さらにトリガーを発火させたいリンク先 URL の条件を設定
【例】
例えばクリックしたリンクのURLに「product-a」が含まれていれば発火する、などの条件を入力

URLを指定する文字は半角小文字を使用してください。全角や大文字では反応しません

下記の設定が全て OK なら保存
・トリガーの名前
・トリガーのタイプ
・タグの配信を待つ
・妥当性をチェック
・正規表現に一致
・ページURLの条件
・クリックURLの条件

【★1】すでに作成済みのトリガーを選んでいる場合は、ここから手続きしてください。

下記の設定が全て OK なら「保存
・タグの名前
・ HTML コード
・タグ呼び出しオプション
・順序付けタグ
・トリガー

プレビュー

タグを設定したページの URL を入力し「Connect

開いたページはそのままにして元の設定ページに戻りContinue

設定したタグが現時点では『Tags Note Fired』 状態であることを確認

先ほど開いたページに戻りタグを設定したボタンをクリック

設定ページに戻りタグが『Tags Fired』に移動していることを確認

メッセージは無視して良い

公開

設定内容の履歴を入力し「公開

「公開」ボタンを押し忘れやすいので注意してください。

Meta広告の広告の目標として使えるようにするためには、さらにカスタムイベントの認証とカスタムコンバージョンの作成が必要です。

下記を参照して手続きしてください。