Googleアナリティクスのクリックイベントのタグを、動的ページのリンクに追加したいです。
現在、動的に生成されるブログ記事一覧があり、そのブログ記事それぞれに、googleアナリティクスのコードを追加したいと考えています。
<div class="topicsCard"> <a onclick="ga('send','event','ブログ','ブログ一覧','ブログタイトル')" href="#"> <div class="topicsCard_head"> <figure class="topicsCard_thumb"><img src="dummy.jpg" alt=""></figure> </div> <div class="topicsCard_body"> <div class="topicsCard_meta"> <p class="topicsCard_date">2019.09.21</p> </div> <h3 class="topicsCard_heading">タイトル</h3> <p class="topicsCard_desc">サマリー</p> <p class="categoryLabel">カテゴリー名</p> </div> </a> </div>
動的に生成されるコードの時点ではaタグにはhref以外のattributeはないので、
querySelectorAllでaタグをすべて取得し、setAttributeでga('send', 'event')の部分を後からつけたいのですが、やり方が分かりません。
(それが出来ないため、現在はブログ一覧の部分をすべてhtmlにべた書きしている状態です。)
何かいいやり方があるか、もしくはsetAttributeでのやり方をご存知の方がいらっしゃいましたら、教えて頂きたいです。
よろしくお願いします。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。