【2019年】アナリティクスのイベントが動作しない?htmlボタンの対処・改善方法【gtag】

コピペできるサンプル

<a href=”sample.html” onclick=”gtag(‘event’, ‘①例:click’, {‘event_category’: ‘②例:ツイッターシェア’,’event_label’: ‘③例:ツイッター’});”>文字</a>

ざっくり解説

event、event_category、event_labelの項目を、アナリティクスに表示させます。

eventは、どんな動作か。クリックされたときなので、clickで。

event_categoryは、アナリティクス>行動>イベント>概要から見たときに、一覧で表示される項目(イベントカテゴリ)です。ひとめで分かりやすいものを。

event_labelは、適当。

ボタンにしたいときはこちらをコピペ

cssサンプル

.btn-square {
display: inline-block;
padding: 0.5em 1em;
text-decoration: none;
background: #668ad8;/*ボタン色*/
color: #FFF;
border-bottom: solid 4px #627295;
border-radius: 3px;
}
.btn-square:active {
/*ボタンを押したときの動作*/
-webkit-transform: translateY(4px);
transform: translateY(4px);/*下に動く*/
border-bottom: none;/*線を消す*/
}

htmlサンプル

<a class=”btn-square” href=”sample.html” onclick=”gtag(‘event’, ‘①例:click’, {‘event_category’: ‘②例:ツイッターシェア’,’event_label’: ‘③例:ツイッター’});”>文字</a>

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です