539 人が現在オンライン
539 人が現在オンライン
Google アナリティクスのアカウント設定、プロパティ、ビューやフィルタ設定などについて、ユーザー同士で意見交換ができます。解析を通して浮かんだ質問やアイディアを投げかけ合って、よりデータ分析の知識を高めていきましょう。
ガイドを表示
star_border
返信

タグマネージャーでのソーシャルイベントの数値取得について

[ 編集済み ]
初級者 ✭

jsを書くことは全くできない人間且つ、初めてタグマネジャーを利用しています。

 

今回、GTMを利用してソーシャルボタンの数値をGoogleアナリティクスに反映させようとしています。

以下のサイトを参考にテスト用のhtmlを作成して試したのですがうまくいきません。

http://hhmmm.hateblo.jp/entry/2016/03/16/184439

以下は実査のテストhtmlのの記述となります。

 

 

<html>
<head>
<title>test</title>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<!-- twitter script -->
<script>
window.twttr = (function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0],
t = window.twttr || {};
if (d.getElementById(id)) return;
js = d.createElement(s);
js.id = id;
js.src="https://platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js, fjs);

t._e = [];
t.ready = function(f) {
t._e.push(f);
};

return t;
}(document, "script", "twitter-wjs"));
</script>

<!-- facebook script -->
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src="//connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v2.5&appId=323729011016547";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

 

<!-- Google Tag Manager -->
記載してよいものか分からないので、一旦伏せさせていただきます。

<!-- End Google Tag Manager -->

 

</head>

 

<body>

<!-- Google Tag Manager (noscript) -->
同じく伏せさせていただきます

<!-- End Google Tag Manager (noscript) -->

<!-- Twitter -->

<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://example.com" data-text="ごにょごにょ" data-lang="ja" data-count="none">ツイート</a>

 

<!-- Facebook -->
<div class="fb-like" data-href="http://example.com" data-layout="standard" data-action="like" data-show-faces="true" data-share="true"></div>

 

<!-- 実際にサイトで利用しているSNSボタン -->
<div class="sns">
<ul class="sns__group">
<li class="sns__icon"><a href="javascript&colon;void(0);" onclick="JavaScript&colon;window.open('http://www.facebook.com/sharer.php?ごにょごにょ','','width=500,height=400');" class="sns__link"><img src="ごにょごにょ.png" alt="Facebook" width="60" height="60"></a></li>
<li class="sns__icon"><a href="javascript&colon;void(0);" onclick="JavaScript&colon;window.open('http://twitter.com/share?ごにょごにょ','','width=500,height=300');" class="sns__link"><img src="ごにょごにょ.png" alt="Twitter" width="60" height="60"></a></li>
</ul>
</div>
</body>

</html>

 

上記をアップしてGTMでプレビューしてみたのですが、

動いたのは「<!-- Twitter -->」に関わる部分のみでした。念のためタイマーを利用して他のタグを無効にしてみたのですが、ダメでした。variablesに値が上がってこない状態です。

ソースがあっているという確信が持てれば、もう少しGTMやGAで試行錯誤すれば行けるかと考えています。

 

また、tweetに関しても実際のサイトで利用しているボタンの方が動かないのは何か理由があるのでしょうか。

 

初めての投稿、且つ無知ゆえにたどたどしい説明担っているかと思いますが、ご教示いただけますと幸いです。

 

1 人のエキスパートが返信verified_user

Re: タグマネージャーでのソーシャルイベントの数値取得について

レジェンド
こんにちは。

たしか、このコミュニティでもかつてFacebookのシェアボタンクリックを
計測したいといった投稿があったような記憶がありますが、定かではない
です。

さて、おおせの記事なのですが、見たところコメント投稿があるようですので、
実際にご本人さまに聞かれたほうが早いのではないでしょうか。

コードを見る限り、FacebookとTwitterとでは、イベント検知が異なる
ようなので、これらすべてのコード解析は、ちょっとこのコミュニティの投稿
上でさくっと回答できる規模ではないような気がします。

すみません。よろしくお願い致します。
------
文責:カグア!

Re: タグマネージャーでのソーシャルイベントの数値取得について

初級者 ✭
やはり難しいですね。承知いたしました。
ご指摘ありがとうございます。

Re: タグマネージャーでのソーシャルイベントの数値取得について

トップコントリビューター

「実際にサイトで利用しているSNSボタン」と「記載いただいたブログで想定しているSNSボタン」の書き方が違う点が原因です。

 

各公式SNSが提供している標準のSNSボタンであれば、記載いただいたブログの内容で計測を行うことができます。

 

このコードであれば、記載いただいたブログの内容は全て削除し、HTMLコードを

<li class="sns__icon"><a href="javascript&colon; void(0);" onclick="JavaScript&colon;window.open('http://www.facebook.com/sharer.php?ごにょごにょ','','width=500,height=400');" class="sns__link btn__facebook"><img src="ごにょごにょ.png" alt="Facebook" width="60" height="60"></a></li>
<li class="sns__icon"><a href="javascript&colon; void(0);" onclick="JavaScript&colon;window.open('http://twitter.com/share?ごにょごにょ','','width=500,height=300');" class="sns__link btn__twitter"><img src="ごにょごにょ.png" alt="Twitter" width="60" height="60"></a></li>

のように付け足してもらって、リンククリックトリガーでクラス名に「btn__facebook」「btn__twitter」を含む、といったものを作成してもらうのがよいと思います。

 

このトピックのエキスパート
山田 良太