如何编写没有编码技能的GTM自动体彩七星彩开奖结果监听器

I’我会再重复一次。自动体彩七星彩开奖结果侦听器是Google跟踪代码管理器中的关键概念之一。就像触发器，变量，标签或数据层一样。实际上，我的一半以上 Google跟踪代码管理器博客文章提及自动体彩七星彩开奖结果侦听器的一种或另一种方式。

自动体彩七星彩开奖结果侦听器是这些超级有用的JavaScript函数，它们可以跟踪网页上的特定交互。万一发生值得注意的体彩七星彩开奖结果，它们会触发数据层体彩七星彩开奖结果，这些体彩七星彩开奖结果可用作GTM中的触发器。此外，这些体彩七星彩开奖结果包含有价值的数据，可以将其传输到其他工具（如您命名的Google Analytics（分析），Adwords，Mixpanel）。

有很多默认的GTM自动体彩七星彩开奖结果监听器（例如 表格提交, 计时器，网页浏览量等）以及在线提供的更多自定义自动体彩七星彩开奖结果监听器（例如 优酷, 滚动追踪, 表格遗弃，都可以在 GTM食谱库）。

不幸的是，这些自动体彩七星彩开奖结果侦听器并未涵盖所有可能的情况，并且没有’不能满足我们所有的需求。那么我们该怎么办？最好的选择是问开发商’的帮助。但是根据我的经验，’总是忙于他们的最后期限和一堆排队的任务。如果我们可以自己编写一个自动体彩七星彩开奖结果侦听器（即使我们几乎没有编码技能）怎么办？

您+ JavaScript？

1.5个月前，我进行了一项调查。目的是更好地了解我的听众，了解其痛苦和需求。事实证明，你们大多数人无法’要编写中间或复杂的JavaScript函数，您中的有些人可以对在线示例进行一些小的调整。

附言一世’我很确定读者中也有一些开发人员，但是他们’太忙而无法参加此类调查ðŸ™，

欢迎来到俱乐部！一世’m am one of you too.

我想学习JavaScript，我了解一些基础知识，并且可以对在线示例进行较小的调整。但是时间的缺乏和一点懒惰使我无法深入研究JS的世界。

听起来很熟悉？那么我们有什么选择呢？

好吧，我们总是可以等待 西摩 发布一些新的想法/解决方案。让’别忘了Lunametrics，Cardinal Path以及其他使我们的生活变得更加轻松的人。

但是，如果我告诉你在那里’您有机会自己编写新的跟踪代码吗？实际上，是1.5个月前 我写了Zopim自动体彩七星彩开奖结果监听器来跟踪聊天小部件’s interactions， 全靠我自己。你也能做到！

 

在我们继续之前

我承认，此博客文章的标题听起来像是点击诱饵。那’s为什么我要在继续之前发布简短的免责声明。

我曾经为Zopim编写自动体彩七星彩开奖结果监听器的这种策略赢得了’在大约90％的其他情况下也无法工作。换句话说，那里’我的方法对您有用的几率只有10％（P.S。这些数字是根据我的经验得出的）。

90％的失败率？好吧，那一定是一个糟糕的解决方案！ – you might say.

是的，可能会。但是如果有人告诉你’您可以自己解决问题的可能性很小，而不必寻找其他人来解决。你会接受这个机会吗？

我会。

所以如果你 ’仍在阅读这篇文章，谢谢。忍受我，我’我会告诉你兔子洞有多深。

 

这种策略什么时候起作用？

首先，此方法仅支持那些第三方解决方案/系统/平台/表单/小部件/等。哪一个：

• 提供一个JavaScript API。
• 并有一个文档齐全的API参考。我的意思是，真的很笨拙，其中包含立即可用的简单代码示例。

佐皮聊天 满足了这两个要求。

这是什么意思？首先，你赢了’不能跟踪一些专门为开发的超级自定义网站互动 那 客户。想象一下，您的客户雇用了一家开发网站的代理商。他们决定使用自己的代码，而不是使用一些流行的聊天解决方案。

通常，此类自定义解决方案没有可用于跟踪目的的JavaScript API。没有JS API =没有简单的方法来编写自动体彩七星彩开奖结果侦听器。

同时，佐皮姆（Zopim） API参考哪些各种代码示例。借助其功能，您可以在聊天开始，结束等时收听体彩七星彩开奖结果。

例。让’现在就编写我们自己的监听器！

由于我已经出版 Zopim聊天自动体彩七星彩开奖结果监听器，我将不在此博文中解释。它’两次走同一条路并不有趣。让’从头开始创造其他东西！

另一个流行的聊天解决方案是 Tawk.toÂ（完全免费！）。

想象一下，您的客户（或您）想跟踪聊天开始和结束的时间。每次发生此类互动时，您都必须触发Google Analytics（分析）体彩七星彩开奖结果。

你是做什么？

现在，我将向您展示我的常规流程如何编写自动体彩七星彩开奖结果侦听器。没什么要记住的。这种方法不是通用的，在很多情况下都可以’t work. All I’我要告诉你 低垂的水果。如果你想要什么 鸽友，学习JS或寻找开发人员。

尽管如此，这种策略已经为我工作了好多次。

 

步骤1.检查是否有现成的解决方案

首先，您需要检查网络上是否有现成的Tawk.to监听器。我上次检查时没有。有一些教程如何跟踪聊天互动，但没有现成的 *悲伤的脸*

 

步骤2。’检查是否有JavaScript API

打开Goog​​le并输入 Tawk.to Javascript API。它’您寻找的关键 JavaScript API，而不是常规API。您的搜索结果应如下所示：

大！ Tawk.to确实提供了JavaScript API。我们’距离编写自动体彩七星彩开奖结果侦听器仅一步之遥。

如果您希望跟踪其他交互以及该特定平台/应用/等。没有提供JavaScript API，我有一个坏消息：我的方法胜了’工作。在这种情况下，您现在有3个选项：1.学习JavaScript，2.雇用开发人员编写自动体彩七星彩开奖结果侦听器，或3.等待其他人在线发布教程（最差的选择）。

反正唐’庆祝得太早了。查找Tawk.to JS API只是过程的一部分。

 

步骤3.让’看哪些API方法可用

现在，即使对于那些不知道如何编写代码的人，也请检查API是否有充分的文档记录和易于理解的内容。在左侧 Tawk.to API参考，你’会找到API方法的列表。

这些方法使您可以与Tawk.to聊天小部件进行通信：

• 您可以发送请求并获取一些信息，例如 获取聊天状态.
• 控制聊天窗口小部件，例如 把它藏起来, 展示下等
• 或听某些体彩七星彩开奖结果，例如 聊天小部件已最大化, 聊天开始, 聊天结束.

答对了！后两个体彩七星彩开奖结果正是我们所需要的。我们’再迈近成功一步’仍然是我们需要验证的东西。

 

步骤4.代码示例是否易于使用且非常简单？

即使API提供了有用的方法并且文档写得很好，’还有一个要求。 API参考是否真的可以防伪？非开发人员可以轻松使用它吗？

老实说，在API参考中编写超简单的代码示例并不是一种非常普遍的做法，这可能对非开发人员或初学者很有用。有时候’甚至几乎是不可能的。

例如，Wistia提供了一个写得很好的Javascript API参考，但示例并非为入门级开发人员设计的，因此您和我赢了’不能编写我们自己的自定义自动体彩七星彩开奖结果侦听器。

在威斯蒂亚’s case, we’很幸运拥有Lunametrics，因为他们的开发人员发布了这一很棒的工具 Wistia GTM监听器但是，在很多情况下，根本就没有现成的跟踪解决方案。

好，让’s回到Tawk.to。我已经导航到 onChatStarted 方法，并找到以下代码片段示例：

太棒了！让我解释一下’发生了。此代码可以使用了。它指出： 如果出现onChatStarted，请启动功能。目前，该函数为空，但是我们只需替换文本即可轻松嵌入dataLayer.push体彩七星彩开奖结果。 //将您的代码放在这里带有实际数据层的代码。

 

步骤5.添加dataLayer.push体彩七星彩开奖结果（-s）

将代码从Tawk.to复制到API文档，然后粘贴到一些纯文本或代码编辑器（例如记事本，Notepad ++，Sublime等）中

Tawk_API = Tawk_API || {};
Tawk_API.onChatStarted = function(){
    //将您的代码放在这里
};

移除 //将您的代码放在这里

Tawk_API = Tawk_API || {};
Tawk_API.onChatStarted = function(){
};

准备dataLayer.push体彩七星彩开奖结果代码（各种 GTM专家 建议使用 window.dataLayer.push 而不是简单 dataLayer.push）：

window.dataLayer.push({
 'event': 'tawkto',
 'chatStatus': 'started'
 });

现在，将Tawk.to代码段与 window.dataLayer.push。最终结果应该是这样的：

Tawk_API = Tawk_API || {};
Tawk_API.onChatStarted = function(){
 window.dataLayer.push({
 'event': 'tawkto',
 'chatStatus': 'started'
 });
};

用相同的方法 onChatEnded （只需更改chatStatus属性’s value to 结束了）：

Tawk_API = Tawk_API || {};
Tawk_API.onChatEnded = function(){
window.dataLayer.push({
 'event': 'tawkto',
 'chatStatus': 'ended'
 });
};

大！我们’非常接近完成Tawk.to自动体彩七星彩开奖结果侦听器！

 

步骤6.创建一个自定义HTML标记并进行测试

在Google跟踪代码管理器帐户中，创建一个新的“自定义HTML”代码。此标记中的每个代码段都必须包含<script> and </script>.

现在，粘贴两个 onChatStarted 和 onChatEnded 您在本博客文章的上一章中准备的代码段。

做完了！保存标签并分配所需的触发器，例如所有页面。

是的，我知道上面的代码可以进行一些优化。那’当我向他展示我的作品时，这正是我的开发人员告诉我的。但是这个自动体彩七星彩开奖结果监听器坏了吗？否。会破坏我的网站吗？不，那么’对于像我和您这样的初学者来说足够好了

唐’别忘了用 GTM预览和调试模式。在启用了Tawk.to聊天小部件的情况下加载页面，然后开始（或结束）对话。称为“数据层”的体彩七星彩开奖结果 陶克托 应该出现在体彩七星彩开奖结果流中。单击它并检查哪些数据已传递到数据层。它应该看起来像这样。

 

步骤7.成功

如果一切如我所描述的那样工作，请创建数据层变量 chatStatus一种 （了解如何在数据层中访问数据）并创建一个 自定义体彩七星彩开奖结果触发器 陶克托.

恭喜你！您已经编写了第一个GTM自动体彩七星彩开奖结果监听器。成为一名黑客感觉如何？ ðŸ〜€

这样就可以了，这是我编写自动体彩七星彩开奖结果侦听器而无需编写代码的超级秘密方法。希望你觉得它有用。我还希望有经验的JavaScript开发人员不要谴责我制造虚假的幻想，使任何人都可以在没有某些技能的情况下编写JavaScript。

 

最后一句话：如何编写没有编码技能的自动体彩七星彩开奖结果侦听器

自动体彩七星彩开奖结果侦听器是真正有用的JavaScript函数，可跟踪网页上的特定交互。万一发生有趣的事情，它们会触发数据层体彩七星彩开奖结果，这些体彩七星彩开奖结果可用作GTM中的触发器。此外，这些体彩七星彩开奖结果包含有价值的数据，可以将其传输到其他工具（如您命名的Google Analytics（分析），Adwords，Mixpanel）。

有很多默认的GTM自动体彩七星彩开奖结果监听器（例如 表格提交，一种  计时器，网页浏览等），以及在线提供的更多自定义自动体彩七星彩开奖结果监听器 GTM食谱库.

不幸的是，这些自动体彩七星彩开奖结果侦听器无法涵盖所有​​可能的情况并且不能满足我们的所有需求。那么我们该怎么办？

这里’当我需要跟踪特定内容时该怎么做：

1. 首先，我总是一两次或三次检查是否有针对GTM的现成的跟踪解决方案。有人可能已经描述了如何跟踪某些表格，视频播放器或其他内容。
2. 如果搜索失败，则检查该第三方工具（您要跟踪）是否提供了JavaScript API。这篇博文赢了’如果有帮助的话’没有可用的JavaScript API。
3. 找到API参考后，请验证是否’全面的文档资料，易于使用，适合初学者。
4. 还有’检查API方法是否有用非常重要。
5. 最后，我将window.dataLayer.push代码片段嵌入到API参考中找到的代码示例中，并将该代码添加到GTM自定义HTML标记中。

请记住，此解决方案不是很通用，它在极少数情况下有效，因为它’编写带有精简代码示例的API的文档非常好，这不是常见的做法。

但是根据我的经验，这已经成功了好几次。