コピペできるサンプル
<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>
コメントを残す