文章/答案/技术大牛

发布

问与google分析的社交互动
EN

Stack Overflow用户

提问于 2014-07-18 10:04:49

回答 2查看 1.2K关注 0票数 0

我使用GA找到了用于Facebook交互的代码，它创建了自己的按钮：

<script src="//connect.facebook.net/en_US/all.js#xfbml=1"></script>
<fb:like></fb:like>
<script>
    FB.Event.subscribe('edge.create', function(targetUrl) {
       ga('send', 'social', 'facebook', 'like', targetUrl);
    });
</script>

而不是创建自己的按钮，我想使用社交互动与GA为我的自定义Facebook链接。

<a href="my Facebook page URL" target="_blank"><img src="images/common/facebook.png" width="20" height="20" border="0" /></a>

我该怎么做呢？

同样的，我也可以在twitter上使用同样的东西吗？

Twitter链接：

<a href="my twitter page url" target="_blank"><img src="images/common/twitter.png" width="20" height="20" border="0" /></a>

javascript

php

facebook

twitter

google-analytics

回答 2

Stack Overflow用户

回答已采纳

发布于 2014-07-24 11:12:58

我使用了下面的代码为Facebook，如按钮和Twitter共享按钮与通用谷歌分析。请注意我在头中添加的脚本，这些都是必要的。还请注意标签。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#" lang="en-US">
<head>
    <script src="http://code.jquery.com/jquery-latest.pack.js" type="text/javascript"></script>
    <script src='//connect.facebook.net/en_US/all.js'></script>
    <script src="jquery.twitterbutton.js" type="text/javascript"></script>
    <script>
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

      ga('create', 'UA-xxxxxxxxx-2', 'abc.com');
      ga('require', 'displayfeatures');
      ga('send', 'pageview');
    </script>
    <style type="text/css">
    .social-interaction{display: inline-block;}
    .fb-interaction{float: right; margin-left: 25px; }
    .twitter-interaction{float: left;}
    </style>
</head>
<body>
<!-- ***********************************FACEBOOK LIKE BUTTON********************************************************* -->
    <div class="social-interaction">
        <div class="fb-interaction">
            <div class="fb-like" data-href="Your URL" data-width="20" data-layout="standard" data-action="like" data-show-faces="true" data-share="false"></div>
            <div id="fb-root"></div>
            <div style="display:none">
                <iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fyour_facebook_page&amp;width=20&amp;layout=standard&amp;action=like&amp;show_faces=true&amp;share=false&amp;height=80&amp;appId=Your App ID" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:20px; height:80px;" allowTransparency="true"></iframe>
            </div>
            <script>
            window.fbAsyncInit = function() {
            // Don't use my app id, use your own or it won't work!
             FB.init({appId: 'Your App ID', status: true, cookie: true, xfbml: true});
             FB.Event.subscribe('edge.create', function(href, widget) {
             // Do something, e.g. track the click on the "Like" button here
             // ga('send', 'social', 'facebook', 'like', targetUrl);
             alert('Thank you to like our page.');
             });
            };
            </script>
        </div>
<!-- *********************************TWITTER TWEET BUTTON********************************************************** -->
        <div class="twitter-interaction">
            <script type="text/javascript">
            $(document).ready(function () {
              $('#twitterbutton-example').twitterbutton({
               user:'',
               title:' ',
               ontweet:function(response){      
                // Do something, e.g. track the click on the "Like" button here
                // ga('send', 'social', 'twitter', 'tweet', targetUrl);
                alert("ontweet");
                ga('send', 'social', 'twitter', 'tweet', "Your URL");
               },
               lang:'en'
              });

            });
            </script>
            <div id="twitterbutton-example"></div>
        </div>
    </div>
</body>
</html>

票数 1

Stack Overflow用户

发布于 2014-07-18 16:43:36

您肯定可以为自己的按钮执行此操作，您只需自己添加单击监听器即可。

要向GA发送社交评论，你只需做这样的事情：

ga('send', 'social', {
  'socialNetwork': 'facebook',
  'socialAction': 'like',
  'socialTarget': 'http://example.com'
});

然后，当有人单击您的按钮时，您只需添加一个事件侦听器，如下所示：

// Find the button on the page and store a reference to it.
var myFacebookLikeBtn = document.getElementById('#my-facebook-like-button');

// Add a click listener to that button.
myFacebooklikeBtn.addEventListener('click', function() {
  ga('send', 'social', {
    'socialNetwork': 'facebook',
    'socialAction': 'like',
    'socialTarget': 'http://example.com'
  });
});

有关社交跟踪的更多信息，请参阅以下开发人员指南：https://developers.google.com/analytics/devguides/collection/analyticsjs/social-interactions

或社交点击率的analytics.js字段参考：https://developers.google.com/analytics/devguides/collection/analyticsjs/field-reference#social

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/24822379

复制

相似问题

问与google分析的社交互动
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问与google分析的社交互动EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问与google分析的社交互动
EN