【2021年】アナリティクスのイベントが動作しない?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>

コメントを残す

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

ABOUTこの記事をかいた人

幼少期、絵描きになりたくて毎日絵を描く。地元の写生大会で金賞受賞。
高校生の頃からバンドを組み、作詞・作曲・編曲・映像を担当。ライブで知り合ったバンドマンとは今でも仲良し。

25歳から独学でデザイン・ウェブ制作を0から学習し、ウェブデザイナーとして中途入社。自分だけの武器を探し、デザイン、マークアップ、企画、マーケティング、SNS、広告など片っ端から勉強。
今はその知識を活かしてPdMを担当。

その傍ら数々の副業(イラスト制作、アフィリエイト、古着転売、ハンドメイド、作曲)をして、現在30代に突入。

東海在住。
運営ブログ「シュマリ」は月間3万PV。
読んだ漫画は驚異の4万冊。