テキスト系ボタンのクリックイベントをゴールに設定しよう

ゴールに、あらかじめ決められたイベント条件を入力することで、テキストが含まれるボタンのクリックイベントを計測することができます。

計測できるボタンの条件

以下の条件で作成されているボタンのクリックイベントをゴールとして計測することができます。

“input”タグで生成されているボタンのうち、”type”が”submit”もしくは”button”で作成されており、かつ、”value”にテキストが含まれている場合
“button”タグで生成されているボタンのうち、テキストが含まれている場合

設定の流れ

STEP１：カスタムイベント有効化

カスタムイベントの自動送信を有効にするには、トラッキングコードの記述を一部変更する必要があります。

プロジェクト設定 > プロジェクト情報画面に表示されているトラッキングコードをテキストエディタなどにコピーし、【autoClickCustomEventEnabled】の値を【false】から【true】に書き換えます。

書き換えたトラッキングコードを対象ページに配置してください。

【注意点】

既にタグマネージャー、もしくは、ページにトラッキングコード設置済みのお客様は、上記該当部分を【true】に書き換えてください。
2024年3月27日以前にご契約されたお客様は、タグマネージャー、もしくは、ページに貼り付け済みのトラッキングコードを、現在プロジェクト情報画面に表示されているタグに置き換えていただくと、テキスト系ボタンのクリックイベントを自動で取得することができます。なお、既にJavascriptでカスタムイベントを記述されている場合は、計測が重複してしまう場合がございます。その場合は、トラッキングコードの修正方法をご案内致しますので、お問い合わせください。

STEP２：イベント送信テスト

イベントが正常に送信できているか、テストを実施します。

テキスト系ボタンが配置されているページで、Shift + F5キーを押してキャッシュクリアしてください。

その後、F12キーを押してデベロッパーツールを開き、コンソールタブを選択します。

デベロッパーツールを開いた状態で、クリックイベントを取得したいボタンを、右クリック→[別タブで開く] でクリックしてください。その後、タブを切り替えて元のページに戻ります。

続けて、以下スクリプトをコンソール画面にコピーして、Enterを押下します。

dataLayer.filter((item) => item.event?.includes('contentAnalytics.eventTracking'))

※一部のブラウザでは、スクリプトの貼り付けが禁止されていことがあるため、スプリプト貼り付け時に、以下のメッセージが表示される場合があります。その場合は「allow pasting」を入力すると、スクリプトを貼り付けることができます。　

Warning: Don't paste code into the DevTools Console that you don't understand or haven't reviewed yourself. This could allow attackers to steal your identity or take control of your computer. Please type 'allow pasting' below and hit Enter to allow pasting.

スクリプトの実行結果【contentAnalyticsValue】が表示されていることを確認します。

トグルが閉じた状態で表示されている場合は、トグルを開いて確認してください。

以上でテストは完了です。

最後に表示された【contentAnalyticsValues】の値は、STEP3のゴール設定で使用するため、テキストエディタなどにコピーしておくと便利です。

STEP３：ゴール設定

STEP2の送信テストで取得したobject情報をゴールに設定します。

Content Analyticsでゴール設定画面を開き、[ゴールを追加]をクリックします。

[目標名]に任意の名前をつけ、[目標タイプ]で[イベント]を選択します。

テストで取得した情報を入力します。

下部の表の案内に従って入力してください。

カテゴリ	取得したカテゴリ情報をそのままコピーして入力してください。 ※取得した情報をコピーできない場合は「CA__TextButtonClick」を入力してください。
アクション	取得したアクション情報をそのままコピーして入力してください。 ※ボタン記載のテキストが記載されますので、別ゴールの登録情報は流用しないでください。 ※取得した情報をコピーできない場合は、表示されているテキストを入力してください。
ラベル	①「完全一致」で入力する場合は末尾の「/（スラッシュ）」を削除して入力してください。 ②ラベル情報は、滞在中ページのURLを示しています。送信テスト実施時やユーザー訪問時のページ流入元によって、URLの「?（パラメータ）」や「#（ハッシュ）」は変動する場合があります。パラメータやハッシュが変動する可能性がある場合は、該当部以下を除いて「前方一致」もしくは「正規表現一致」で登録することを推奨しています。
値	チェックを外してください。

入力が完了したら、[追加]をクリックして、ゴールが登録されることを確認してください。

STEP４：レポート確認

設定完了時からゴールの計測が開始され、翌日からレポートを確認することができます。

必ずテストコンバージョンを実施し、翌日以降に、ゴールが計測されていることを確認してください。

パターンC テキスト系ボタン