<html>
<body>
<!-- Google Tag Manager --><!--GTMのタグです-->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-xxxxxx"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-xxxxxx');</script>
<!-- End Google Tag Manager -->
<div id="fb-root"></div><!--お約束のfacebookの宣言-->
<script>
//FB関数初期化
window.fbAsyncInit = function() {
FB.init({
status : true,
xfbml : true,
version : 'v2.7'
});
//後述のtrackFacebook関数を呼び出し
trackFacebook();
};
//facebookのsdk.js読み込み
(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.7&appId=399462816757126";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<script type="text/javascript" charset="utf-8">
//twitterのwidgets.jsを呼び出し。twitterシェアボタンを入れるだけの時のjsと微妙に違うので注意
window.twttr = (function (d,s,id) {
var t, js, fjs = d.getElementsByTagName(s)[0];
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);
return window.twttr || (t = { _e: [], ready: function(f){ t._e.push(f) } });
}(document, "script", "twitter-wjs"));
</script>
<p>test</p>
<!--facebookボタン-->
<div class="fb-like" data-href="http://www.miyasaka.info/" data-layout="standard" data-action="like" data-size="small" data-show-faces="true" data-share="true"></div>
<!--twitterボタン-->
<div><a href="https://twitter.com/share" class="twitter-share-button" data-show-count="false">Tweet</a></div>
<script>
//FB.eventでイベント発生時に、dataLayer.pushでGAに送る
trackFacebook = function(event) {
if(typeof FB != 'undefined'){
FB.Event.subscribe('edge.create', function(targetUrl) {
dataLayer.push({'socialNetwork':'facebook','socialAction':'like','socialTarget':targetUrl,'event':'socialEvent'});
});
FB.Event.subscribe('edge.remove', function(targetUrl) {
dataLayer.push({'socialNetwork':'facebook','socialAction':'unlike','socialTarget':targetUrl,'event':'socialEvent'});
});
FB.Event.subscribe('message.send', function(targetUrl) {
dataLayer.push({'socialNetwork':'facebook','socialAction':'send','socialTarget':targetUrl,'event':'socialEvent'});
});
};
};
if(typeof twttr != 'undefined'){
function trackTwttrClick(event) {
if (event) {
var targetUrl;
if (event.target && event.target.nodeName == 'IFRAME') {
targetUrl = extractParamFromUri(event.target.src, 'url');
}
}
dataLayer.push({'socialNetwork':'twitter','socialAction':'click','socialTarget':targetUrl,'event':'socialEvent'});
}
function trackTwttrTweet(event) {
if (event) {
var targetUrl;
if (event.target && event.target.nodeName == 'IFRAME') {
targetUrl = extractParamFromUri(event.target.src, 'url');
}
}
dataLayer.push({'socialNetwork':'twitter','socialAction':'tweet','socialTarget':targetUrl,'event':'socialEvent'});
}
function extractParamFromUri(uri, paramName) {
if (!uri) {
return;
}
var regex = new RegExp('[\\?&#]' + paramName + '=([^&#]*)');
var params = regex.exec(uri);
if (params != null) {
return unescape(params[1]);
}
return;
}
twttr.ready(function (twttr) {
twttr.events.bind('click', trackTwttrClick);
twttr.events.bind('tweet', trackTwttrTweet);
});
};
</script>
</body>
</html>
