Google Analytics Twitter跟踪: Monitor 鸣叫s On Your 网站

如果你’重新使用Twitter作为营销工具，您想衡量结果，对吗？但是如何跟踪诸如“Tweet”按钮点击？是否可以使用Google Analytics（分析）Twitter跟踪？当然可以！在这篇博客中，我’将向您展示如何实现它。此解决方案要求在您的网站上实施Google跟踪代码管理器。

This blog post assumes you have a working knowledge of Google Tag Manager tags. 如果你’re a beginner –我强烈建议您检查这些 免费的Google跟踪代码管理器课程首先。最低要求：

• 您在网站上安装了Google跟踪代码管理器跟踪代码。
• 您知道Google跟踪代码管理器中的代码，触发器，变量和dataLayer。
• 可选的–如果您曾经进口现成的GTM容器，我’将向您展示如何在几分钟内跟踪Twitter按钮。

 

 

附言  此博客文章是更全面的指南的一部分– Google跟踪代码管理器+ Twitter，所以如果你’重新寻找有关如何使用Google跟踪代码管理器升级Twitter营销的更深入的信息，请尝试一下。

在我们继续之前

这里有几件事要牢记：

• 此跟踪方法仅支持嵌入在您网站上的那些按钮。’无法追踪其他网站上发生的所有推文，转发等。您能够追踪 只有那些互动，那会发生 在您自己网站的范围内 已安装Google跟踪代码管理器。
• 此跟踪方法仅支持 默认的Twitter按钮。将不会跟踪AddThis，Sumo或任何其他社交共享插件。如果是自定义社交按钮，则您应该尝试跟踪标准按钮/链接点击，或者检查社交按钮供应商是否提供内置的Google Analytics（分析）集成。
• When a user clicks 鸣叫 button on your website, a small window appears (where a person can add some text to his/her tweet). Unfortunately, it’无法追踪某个人是否最终发布了他的推文。请记住，我们可以跟踪您网站上嵌入的按钮。我们 不能 跟踪小窗口中的按钮（因为它’超出您的网站）。因此，在这种情况下，您可以说我们’ll track visitors’意图发布而不是实际发布。
  
• 跟踪方法我’本博客文章中所述将数据发送给Google Analytics（分析） 社交互动。您不会在Google Analytics（分析）实时报告中看到这些事件。它们将出现在您的社交报告（获取> 社会的 >24-48小时后插入。） 如果你 wish send data as events, I’我还将解释该选项。

自定义HTML标签– Twitter Listener

为了跟踪Twitter按钮的点击，我们’我需要在GTM中创建自定义HTML标签–Twitter侦听器。从标题可以猜到，它将收听Twitter按钮’网站上发生的互动。侦听器单击后，将创建一个dataLayer事件。

那dataLayer事件真的很重要– we’将其用作触发Google Analytics（分析）代码的触发器。

顺便说一句，我已经发布了现成的 适用于GTM的Twitter跟踪食谱。几分钟之内即可免费下载并导入到Google跟踪代码管理器容器中。

现在，我将详细解释Twitter跟踪的工作原理。让’在GTM中创建一个Twitter侦听器标签。

• 标签类型– Custom HTML
• 标签标题– 的HTML– Twitter Listener. 的HTML 代表 自定义HTML （我喜欢按顺序保留所有标签）。
• 在HTML字段中粘贴以下代码（它在页面上运行montiros Twitter按钮并触发dataLayer事件 社交联系Â如果单击）：

  <script>
  if (typeof twttr !== 'undefined') {
   twttr.ready(function (twttr) {
   twttr.events.bind('tweet', tweetIntentToAnalytics);
   twttr.events.bind('retweet', retweetIntentToAnalytics);
   twttr.events.bind('favorite', favIntentToAnalytics);
   twttr.events.bind('follow', followIntentToAnalytics);
   });
  }
  function clickEventToAnalytics() {
   dataLayer.push({
   'event': 'socialInteraction',
   'socialNetwork': 'Twitter',
   'socialAction': 'click',
   'socialTarget': window.location.href
   });
  }
  function tweetIntentToAnalytics() {
   dataLayer.push({
   'event': 'socialInteraction',
   'socialNetwork': 'Twitter',
   'socialAction': 'tweet',
   'socialTarget': window.location.href
   });
  }
  function retweetIntentToAnalytics() {
   dataLayer.push({
   'event': 'socialInteraction',
   'socialNetwork': 'Twitter',
   'socialAction': 'retweet',
   'socialTarget': window.location.href
   });
  }
  function favIntentToAnalytics() {
   dataLayer.push({
   'event': 'socialInteraction',
   'socialNetwork': 'Twitter',
   'socialAction': 'favorite',
   'socialTarget': window.location.href
   });
  }
  function followIntentToAnalytics() {
   dataLayer.push({
   'event': 'socialInteraction',
   'socialNetwork': 'Twitter',
   'socialAction': 'follow',
   'socialTarget': window.location.href
   });
  }
  </script>

• 在一个 触发 部分，单击整个块：
  
  … 和 choose 窗口已加载 trigger. 如果你 don’t have one –创造它。扳机’的配置应如下所示：
  

将其分配给新创建的Twitter Listener’s custom HTML tag.

为什么没有’我是否选择常规的网页浏览触发器？我经常注意到，如果听众无法正常工作’在页面加载的早期阶段启动（Twitter按钮未完成加载时）。

我选择Window Loaded事件是有原因的。仅当页面上的所有其他脚本（包括Twitter按钮）均已加载时，它才会触发我们的Twitter侦听器。这样，我可以确信所有按钮都会被正确跟踪。

但是，那里’s one 但。 如果你 page takes 10 seconds to load all scripts 和 visitor clicks 鸣叫 在他/她访问的第8秒点击按钮，则不会跟踪该互动，因为尚未启动Twitter Listener。

但是我选择忍受这个缺点，因为我不’希望我的访客在登陆页面后立即开始疯狂共享内容。

 

让’测试我们的Twitter侦听器

现在，让’使用Google跟踪代码管理器’s的预览和调试模式，以了解Twitter监听器是否适用于我们。在您的GTM帐户的右上角，展开发布按钮’s options 和 click “Preview”.

启用预览模式后，导航到发布表单的站点，您将在浏览器底部看到一个调试控制台，其中显示有关标签的详细信息，包括其触发状态和正在处理的数据。

该控制台窗口仅在您预览站点时出现在您的计算机上，其他网站访问者看不到。它看起来应该像这样：

首先，检查Twitter侦听器是否在Window Loaded事件上触发。在左侧，单击 窗口已加载。 它看起来应该像这样：

然后点击 鸣叫 在同一页面上单击并查找 社交联系 event in 预习 和 debug console. Like in the screenshot below:

那’是的！我们在Google跟踪代码管理器中的Twitter监听器非常完美！继续进行下一步。

 

自定义触发器

现在，我们应该创建一个可以识别dataLayer事件的GTM触发器 社交联系. It’对于我们的Google Analytics（分析）标签而言至关重要。

在Google跟踪代码管理器中，转到“触发器”并点击 新。使用以下设置创建触发器：

 

三个变量

如您所知，单击Twitter按钮时，Twitter侦听器将创建dataLayer事件。您可能不知道的是，它还提供了其他数据：

看到 socialNetwork，socialAction 和 socialTarget？我们可以将该数据传递给Google Analytics（分析）。但首先我们需要在GTM中创建3个变量（否则Google Tag Manager赢得了’无法识别这些数据点）。

所以去 变数 在GTM中创建并使用以下设置创建3个变量（您可以’在Google Analytics（分析）标签中将需要它们）：

万一你’想知道是什么 dlv 每个变量的标题中的意思– it’s 数据层变量。 我喜欢保持标签，触发器和变量的顺序。它使使用GTM更加容易。

 

Google Analytics（分析）标签

最后一步–创建Google Analytics（分析）标签。仅在完成以下顺序时才会触发：

1. 发生窗口加载事件。
2. 自定义HTML Twitter Listener标记触发。
3. Visitor clicks 鸣叫 button.
4. Twitter侦听器会发现点击并创建 社交联系ÂdataLayer事件。
5. 扳机 社交联系 触发并启动Google Analytics（分析）标签。

所有步骤都是 必填 并且必须完成 按照这个确切的顺序。

转到GTM中的标签并点击 新的 按钮。选择通用Analytics（分析）标签类型，然后添加以下设置：

如您所见，所有三个变量都用作 网络，行动和行动目标 Google Analytics（分析）标签中的值。自从我用过 社会的 跟踪类型，所有Twitter按钮’互动将不会出现在“事件”报告中，而是会出现在 取得> 社会的 > Plugins.

如果愿意，可以随时将曲目类型更改为“事件”。这样的话’能够查看GA实时报告中的事件。

如果你’想知道为什么我进入{{–GA UA}}中的“跟踪ID”字段，请阅读Google撰写的有关 用户定义的常量变量 以及为什么你应该 总是 使用它们。

 

最终测试

如果你 chose 社会的 作为Google Analytics（分析）跟踪类型，数据将在24-48小时内显示在“社交插件”报告（获取> 社会的 > Plugins).

如果你 chose 事件 作为Google Analytics（分析）跟踪类型，然后使用Google Analytics（分析）实时报告查看Twitter按钮的点击是否正确传递到了GA。

 

你知道吗？

我还准备了现成的Google跟踪代码管理器模板，可让您跟踪 Facebook喜欢, Pinterest别针 和 关联股票 在您的网站上。也尝试一下！

 

Google Analytics Twitter跟踪– Conclusion

在 this blog post I have described how you can use Google Tag Manager in order to implement Google Analytics Twitter tracking. Capture 鸣叫s on your website 和 automatically send that data to Google Analytics social reports.

但请记住，此跟踪方法仅适用于官方Twitter’s 鸣叫 or Follow buttons. AddThis, Sumo or other custom social sharing buttons are not supported 和 you’我需要找到另一种跟踪它们的方法，例如–尝试使用默认的Google跟踪代码管理器点击触发器来跟踪链接/按钮点击。