google広告ページで
目標 > 概要と進み 「タグを設定する」を表示
表の中の「ボタンクリック」へ進む
「タグ設定する」> 「タグを自分で追加する」内の
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-〇〇〇〇〇〇〇〇〇〇"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'AW-〇〇〇〇〇〇〇〇〇〇');
</script>
をヘッダーに貼り付ける。
ワードプレスにプラグイン
「CSS & JavaScript Toolbox」を追加
「New Code Block」ボタンからイベント スニペットコード
<!-- Event snippet for ボタンクリック conversion page
In your html page, add the snippet and call gtag_report_conversion when someone clicks on the chosen link or button. -->
<script>
function gtag_report_conversion(url) {
var callback = function () {
if (typeof(url) != 'undefined') {
window.location = url;
}
};
gtag('event', 'conversion', {
'send_to': 'AW-11079137894/dBRGCLCjxsYZEOb0-KIp',
'event_callback': callback
});
return false;
}
</script>
を新規追加。
始めのコードの下来にイベント スニペットコードが来るよう気を付ける
次に、トラッキングするボタンやテキストのコードに直接onclick属性を追加します。 URLやテキスト・画像名は任意のものに変更してください。
テキストリンク用
<a onclick="return gtag_report_conversion('https://〇〇〇〇.〇〇/〇〇〇〇');"
href="http://〇〇〇〇.〇〇/〇〇〇〇">お申し込みはこちら</a>
または
<button onclick="return gtag_report_conversion('https://〇〇〇〇.〇〇/〇〇〇〇')">お申し込みはこちら</button>