Impreza主题高级设置

Google Analytics事件跟踪

29 views 2019年2月24日 2019年3月4日 imaiko 0

您可以将GA事件追踪添加到几乎任何以Impreza主题呈现的元素。在大多数情况下,您只需将其他类添加到元素中,并添加一个简单的JS代码片段,其代码将发送事件信息。

本指南不包含您的网站的基本Google Analytics设置。如果您需要基本设置的信息,请访问此页面。另外,如果您是GA Events的新成员,请阅读本指南。

我们描述了3个应用于主题元素的事件跟踪示例:

按钮:自定义CSS类的示例#

您可以在一个页面上有很多按钮,并且您可能需要为按钮添加少量事件追踪。这就是将事件附加到特定按钮很重要的原因。幸运的是,大多数主题元素在其设置中都有“额外类名”字段,因此您可以区分需要的元素。

因此,作为第一步,创建一个新按钮,设置想要的URL,标签和其他参数,然后添加独特的类到’Extra class name’字段中:

1590.png

然后在它下面添加Raw JS元素并向其添加以下代码:


使用这些元素的行将如下所示:

1599.png

现在,如果您保存页面并单击该按钮,它将发送名为’按钮’的类别的GA事件,名为’click’的动作和名为’Sample Button’的标签。

联系人:内部组件的示例#

让我们尝试一些更复杂的事情:我们将发送GA事件不是针对整个元素,而是针对其组件。

与前面的示例相同,首先创建一个新的“联系人”元素。填充字段并添加独特的类,因为有时您可能会有这样的元素:

1591.png

您可能会注意到,我们添加了手机链接,因此当它被点击时,手机应用程序可能会被打开。现在保存页面并在浏览器的新选项卡中查看结果。然后,使用Web检查器,您可以找到可用于onClick JS事件附件的内部组件类:

1597.png

记住这个类,在联系人元素下面添加Raw JS,并用以下代码填充它:


如您所见,我们正在为2 GA事件发送添加代码 – 一个用于电子邮件,一个用于电话。我们正在使用我们添加的独特类,然后是所需组件的类,然后使用’a’标签名称,因为电话和电子邮件都是用链接表示的。

联系表格:表格的一个例子提交#

在这个例子中,我们想要证明你可以附加GA事件发送不仅仅是一个简单的点击,而是几乎所有发生在你的页面上的JS事件。有时候知道您的联系表格提交了多少次(这包括甚至是提交时的情况,但由于验证错误而未发送),并将其与收到的实际电子邮件进行比较。

在这个例子中,我们不会为表单添加一个唯一的类,因为通常页面上只有一个Contact Form元素。但是,如果您需要,您可以将自定义类添加到您的表单并将其用于您的JS代码。

因此,首先添加表单,填写字段,保存并更新页面。然后在新的浏览器选项卡中查看该页面,并使用Web检查器查找表单类。

1596.png

我们将使用表单容器的类,’.w-form.for_cform’。考虑到这一点,用以下代码添加Raw JS:


现在,每次用户点击表单按钮时,它都会发送包含“联系表单”类别,“发送”操作和“样本表单”标签的GA事件。

帮到你了吗?