【问题标题】:How to track content Statistics for Facebook Instant Articles with Google Analytics如何使用 Google Analytics 跟踪 Facebook Instant Articles 的内容统计信息
【发布时间】:2019-03-20 21:35:10
【问题描述】:

您好,我们已经设置了 Facebook Instant Articles 订阅源 脸书。

Facebook 面向出版商的 Instant Article 功能(目前主要在 2016 年 3 月 30 日在 FB iOS 应用上推出) 允许通过 Google Analytics 代码进行跟踪。 但是,即使按照说明实施了 GA 代码,我们也无法找到推荐人或 GA 中 FB Instant Articles 的其他信息。 谁能帮我了解在 GA 中究竟在哪里可以找到有关 Facebook Instant Articles 内容消费的信息? 它会显示为推荐来源还是主机名? Instant Articles 在 FB 内打开。

【问题讨论】:

    标签: facebook facebook-instant-articles


    【解决方案1】:

    根据他们的文档https://developers.google.com/analytics/devguides/collection/gajs/gaTrackingCampaigns#generalCampaign 可以通过分析脚本设置来源、媒介和标题。鉴于 FB 应用上 IA 的页面标题为空,需要设置的标题。

    请注意代码中的大写字母应该使用您的静态或动态值进行更新。

    <figure class="op-tracker"> 
        <iframe hidden>
            <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', 'ANALYTICS ID', 'auto');
                ga('require', 'displayfeatures');
                ga('set', 'campaignSource', 'Facebook');
                ga('set', 'campaignMedium', 'Social Instant Article');
                ga('set', 'title', 'POST TITLE OR THE TITLE YOU WANT'); 
                ga('send', 'pageview');
            </script>
        </iframe>
    </figure>
    

    再次,请注意大写单词将替换为您的实际值。好好享受。

    【讨论】:

    • 我按照这里的指示进行操作 developers.facebook.com/docs/instant-articles/… 但它不起作用。 Facebook 解析器不接受
    • 您是否将完整的分析代码放在脚本标签之间?我刚刚编辑了我的代码以使用脚本标签,所以再试一次,让我知道;)
    • 是的,我确实把它放在
    • 另外,在上面的例子中,'POST TITLE' 是如何替换为帖子的名称的?我正在使用“官方”即时文章插件,它有一个用于外部跟踪脚本的字段。
    • 太好了,我会更新它。但是您应该阅读您正在实施的内容,而不是复制粘贴。
    【解决方案2】:

    这似乎是一个常见问题,我将尝试在此处提供更多信息:

    首先,请务必检查您在分析中使用的任何代码。此处提供的第一个答案粘贴了使用 Google GA.JS 代码的代码,但今天许多网站都使用新的 Analytics.JS 代码(我的例子)。所以我的建议是从您的网站或 GA 面板中复制您的 GA 代码。

    第二,检查您的 GA 代码是否正确传递到您的 Instant Article RSS 提要中(我假设您正在使用带有一些插件的 Wordpress 来构建 RSS)。如果您使用新的 analytics.js 方法,则 RSS 提要(每篇文章)中的代码应如下所示:

    <!-- Adding tracking if defined -->
    <figure class="op-tracker">
        <iframe>
            <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','https://www.google-analytics.com/analytics.js','ga');
                ga('create', 'YOUR_GA_ID', 'auto');
                ga('send', 'pageview');
            </script>
        </iframe>
    </figure>
    

    第三,如果您的文章在您添加分析代码之前已经在 Facebook Instant Article Production 列表中,它们将不会更新/加载代码。最好的测试方法是编辑您的任何文章(简单地更改标点符号就足够了)并将其重新发布到您的 wordpress 上。然后转到 Facebook 上的 IA 面板,Configuration 并单击以重新加载/重建您的 RSS。稍等一下,然后检查帖子将更新的 I.A 列表(您将看到日期更改),然后在编辑选项中打开它并检查代码末尾。您的 GA 代码应该在那里。

    所以,如果现在一切正常,您的最后一步(至少对我而言)是删除 Facebook 上所有旧的即阅文(我假设您没有发布它们)然而)并在配置区域重新加载 RSS 提要,因此它将使用 GA 代码重建您的文章。

    希望这会有所帮助。

    PS:我没有使用 Automattic 的插件从 WP 发布 IA,因为它只是垃圾。有一种方法更简单,无需任何麻烦:https://wordpress.org/plugins/allfacebook-instant-articles/

    【讨论】:

      【解决方案3】:

      不幸的是,其他答案都涉及某种可能会使人们感到困惑的混乱。这是一种使用 UNIVERSAL ANALYTICS(新的)而不是“ga.js”(旧的,尽管有一个更老的 urchin.js 没有人)的可靠现代解决方案的尝试不再使用)。

      <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','https://www.google-analytics.com/analytics.js','ga');
      
        ga('create', 'YOUR_UID_REPLACE_THIS', 'auto');
        ga('require', 'displayfeatures');
        ga('set', 'campaignSource', 'Facebook');
        ga('set', 'campaignMedium', 'Social Instant Article');
        ga('set', 'title', ia_document.title);
        ga('send', 'pageview');
      
      </script>
      
      • YOUR_UID_REPLACE_THIS:显然把你的个人 GA 代码放在这里。
      • campaignSource:在 GA 中显示为“Source”。
      • campaignMedium:在 GA 中显示为“中”。
      • ia_document.title:这使用 FB javascript 变量作为标题。

      到目前为止,对我来说,这个代码已经成功地替换了我的标题。

      我在尝试使用 Analytics 上的“实时”报告对此进行测试时遇到了一些非常令人困惑的经历,其中显示了多个具有相同标题的帖子,但总的来说,我认为它是有效的。

      • 测试“标题”字段:REAL-TIME > BEHAVIOR
      • 要测试“来源”和“媒体”字段:实时 > 流量来源

      要查看 GA 的 Acquisitions 部分下的流量,请转到 Acquisitions > Source / Medium,该流量将与其他来源(包括来自Facebook)。

      FLAW(与所有其他解决方案共享)- 不幸的是,我的解决方案没有让 IA 流量显示在 Acquisitions > Social > Facebook 报告中。更糟糕的是,它甚至没有显示在 Acquisitions > Social 报告中。可悲的是,它在Acquisitions > Other 中丢失了,对我们大多数人来说,这意味着整个社交报告完全一团糟。

      • “社交”频道与其他频道一样,具有一组非常精确的source / medium 值,它将过滤到不同的类别中,例如 Facebook。
      • 显然,Facebook / Social Instant Article 不在该列表中。
      • 有关详细信息,请参阅This other StackOverflow post I made about this particular issue。我将在这里更新我的示例,无论结果如何都是最佳实践。

      ia_document.title 代码来源:https://developers.facebook.com/docs/instant-articles/analytics

      【讨论】:

        【解决方案4】:

        这里的大多数答案都提到硬编码campaignSourcecampaignMedium

        如果您这样做,您的分析将错过使用 UTM 标签记录任何特定活动。 此外,Google Analytics(分析)会将您在即阅文的所有流量视为广告系列,并且数字不会归入“社交”流量。

        解决方法是将referrer 设置为https://i.facebook.com/。 使用此 Google Analytics(分析)会将您的流量视为来自 Facebook,并将其视为“社交”流量。

        要将 Instant Article 流量与常规 Facebook 流量区分开来,您可以过滤 referrer 或添加自定义维度。

        记得改XX-X和下面的sn-p。

        <!-- Google Analytics Tracker -->
              <figure class="op-tracker">
                  <iframe src="" hidden>
                    <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-472932XX-X', 'auto');
                      ga('set', 'referrer', 'https://i.facebook.com/');
                      ga('send', 'pageview', {title: "<page-title>"});
                    </script>
                  </iframe>
              </figure>
        

        【讨论】:

          【解决方案5】:

          我遇到了同样的问题。这是什么工作:

          分析代码来源的 URL

          如果您的分析代码可以直接从特定网址提供,您 可以使用元素上的 src 属性指定 URL。

          <figure class="op-tracker">
              <iframe src="https://www.myserver.com/trackingcode"></iframe>
          </figure>
          

          (来源:https://developers.facebook.com/docs/instant-articles/reference/analytics

          我现在唯一不知道的是:如果我使用extended Analytics code 如何拉页面标题?

          【讨论】:

          • FB为页面标题var title = ia_document.title;提供了一个JS变量来源:developers.facebook.com/docs/instant-articles/analytics
          • 谢谢。我无法使用此解决方案,因为我通过 iFrame 插入了跟踪代码。 @jeremyclarke 的精彩回答是,为我解决了这个问题。非常感谢!
          【解决方案6】:

          我正在使用下面的解决方案(有点不同),并且效果很好。

          <figure class="op-tracker">
          <iframe>
          <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-9999999-9', 'mydomain.com');
          ga('require', 'displayfeatures');
          ga('set', 'campaignSource', 'Facebook');
          ga('set', 'campaignMedium', 'Social Instant Article');
          ga('set', 'title', 'My post title here');
          ga('send', 'pageview');
          </script>
          </iframe>
          </figure>
          

          【讨论】:

            【解决方案7】:

            我已经使用维度完成了,我认为这是更好的做法,尤其是在您跟踪潜在客户时。

            <figure class="op-tracker">
              <iframe>
                <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', 'ANALYTICS ID', 'auto');
                        ga('require', 'displayfeatures');
                        ga('send', 'pageview', {
                           'dimension3': 'Facebook Instant Article'
                        });
                </script>
              </iframe>
            </figure>
            

            然后在 GA 的管理员中创建 dimension3 并创建一个片段,其中 dimension3 具有“Facebook Instant Article”值。 通过这种方式,您可以保留广告系列来源和媒体以用于其实际目的。

            【讨论】:

            • 我同时使用了维度和我上面的答案(来源/媒体)。 Dimension 与其他信息一起工作得很好。在我的情况下,我有一个 page_type 的维度并将其用于例如主页、搜索、发布(正常)、post-ia 和 post-amp。这一维度让我可以轻松避开 GA 界面中的许多复杂性。
            【解决方案8】:

            感谢您之前的所有答案和解决方案。他们启发我在this public gist 中总结我的学习和解决方案。

            我正在使用Google's global site tag (gtag.js) 来跟踪浏览量并成功地将其归因于 Google Analytics 中的社交媒体。

            以下 sn-p 说明了对我有用的方法。请注意,我们使用 jinja 模板(带有Nunjucks)来添加必要和缺失的数据(例如{{googleAnalytics}})。

            <figure class="og-tracker">
              <iframe>
                <script async src="https://www.googletagmanager.com/gtag/js?id={{googleAnalytics}}"></script>
                <script type='text/javascript'>
                  window.dataLayer = window.dataLayer || [];
                  function gtag(){dataLayer.push(arguments);}
                  gtag('js', new Date());
                  gtag('config', '{{googleAnalytics}}', {
                    'page_title': '{{articleTitle}}',
                    'page_path': '/{{articlePath}}', // The path portion of location. This value must start with a slash (/) character. (optional, but recommended)
                    'page_location': '{{articleUrl}}', // page's URL (optional, but recommended)
                    'campaign': {
                      'source': 'ia.facebook.com', // utm_source
                      'medium': 'referral', // utm_medium
                      'name': 'Facebook Instant Articles' // utm_campaign
                    },
                  });
                </script>
              </iframe>
            </figure>

            我像这样在我的提要中嵌入了它

            <figure class="op-tracker">
                <iframe src="https://www.example.com/fia-google-analytics-tracking.html"></iframe>
            </figure>
            

            实施文档

            【讨论】:

            • 啊,我明白了。有趣的。你能分享一下这在 GA 中的样子吗?它会出现在社交频道的 Facebook 部分吗?
            • 是的,当然。你可以在这里找到截图:gist.github.com/natterstefan/7e00e1dff512c703e6275a609a4b896c.
            • 好吧,如果他们已经在那里了,对不起!太棒了,你已经破解了密码!!!并且因为域是 ia.facebook.com,所以在源/媒体级别仍然很清楚如何将 IA 与其他 FB 区分开来。真的,这似乎是最终的答案。我将在我的个人设置上对其进行测试,然后在此处和其他问题上更新我的答案。我们需要向 FB 宣传这是他们应该向人们推荐的内容。
            猜你喜欢
            • 2018-01-20
            • 2022-12-16
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 2013-06-24
            • 1970-01-01
            相关资源
            最近更新 更多