Shortcodes Ultimateのボタンを使ってページ内にある複数の同じリンクを個別にトラッキングしたい
よろしくお願いいたします。
Wordpressを使っています。コードなどは素人です。
同ページ内にある、同じリンク先のリンクを個別に計測したく、onClickを知り作業を行っているところです。
プラグインのShortcodes Ultimateのボタンを使ってイベントトラッキングをしたいのですが、うまくいきません。
プラグインのサポートページで指定されているjQueryのコードを公開し指定された方法で投稿画面でボタンを設置しているのですが、GAのイベントビューに反映されません。
該当のソースコード
javaScript
1jQuery(document).ready(function($) { 2 // Handle button click 3 $('.my-custom-button').on('click', function() { 4 setTimeout(function() { 5 // Track event in GA 6 gtag('event', 'clicked', { 7 'event_category': 'Buttons', 8 'event_label': 'Shortcodes Ultimate Campaign', 9 'value': '1' 10 }); 11 }, 100); 12 }); 13});
投稿画面での記述
Shortcodes
1[su_button class="my-custom-button" url="https://px.a8.net/svt/ejp?a8mat=2ZH9A5+461982+399O+631SY" target="blank" style="3d" background="#F76143" color="#ffffff" size="10" wide="yes" center="yes" radius="5" icon="icon: hand-o-right" icon_color="#ffffff" text_shadow="0px 0px 0px #000000"]期間限定端末キャンペーン[/su_button]
試したこと
サポートページに書かれてあったこと
Shortcodes Ultimateのボタン作成のオプションでonClick使用の為のjavaを入力するボックスがあるので、Shortcodes Ultimateのサポートで記述方法を調べると以下の情報に辿り着きました。
Shortcodes Ultimateサポートページ
これをもとに以下の方法でjavaを公開しています。
0. WordPressにSimple Custom CSS and JSをインストールして有効化
0. 「Custom CSS & JS」→「Add Custom JS」と進む
0. コードの記入欄に上記コードを記入して保存
0. キャッシュプラグインやブラウザのキャッシュを削除
Simple Custom CSS and JSで公開してるjava
analytics.jsをgtag.jsに移行
これだけでは反映されず、色々調べた結果、analytics.jsをgtag.jsに移行しないといけないことがわかり、テーマ内のコードを確認しanalytics.jsからgtag.jsに変更しました。
サポートページにあった、このコードも古いコード(analytics.jsのコード)のようなので、gtag.jsのコードに変えました。
これで計測できる!と思いテストを行いますがダメです。
スマホでキャッシュなども削除しテストしています。
GTMの一時停止
GTMで全ての外部リンクのトラッキングを行っているのですが、GTMでの外部リンクのトラッキングは計測できています。
GTMと重複してるからか?と思いGTMを一時停止してみたのですが、それでも上記でやった要素でのトラッキングができません。
よろしくお願いいたします。
あなたの回答
tips
プレビュー