石家庄网站建设 > 博客教程 > 展为博客 >

石家庄公司网站建设方案

发布时间:2020-08-03

您对用户的行为了解得越多,就可以越好地销售产品或服务-这就是Google跟踪代码管理器(GTM)是营销人员最好的朋友的原因。借助内置标签模板(例如滚动深度和点击跟踪),GTM是一款功能强大的工具,可用来衡量您的内容的参与度和成功程度。 
 
如果您仅依赖GTM中的标记模板,或偶尔使用受限的即用型Google Analytics(分析),则可能会错过超出常规参与度指标的见解。这意味着您可能会从数据中获得不完整的故事。
 
这篇文章将教您如何通过在GTM中设置Cookie来获得更多见解。您将学习如何在单个会话中标记和跟踪多个页面视图,如何基于特定的页面内容元素跟踪特定的页面设置数量,并了解用户如何与您的内容互动,以便您可以基于数据更好地推动转化的决定。
 
用例范例
我最近与一个客户合作,该客户希望更好地了解登录其博客内容的用户的行为。他们面临的主要障碍是URL结构。他们的内容不存在于逻辑URL结构上-他们将目标关键字直接放在根之后。所以,与其example.com/blog/some-content,其URL结构看上去像example.com/some-content。
 
您可以使用Google Analytics(分析)中的高级细分来跟踪任意数量的指标,但是如果您没有逻辑上定义的网址,那么跟踪和衡量这些指标将成为一项手动且耗时的做法,尤其是在要跟踪的页面数。
 
幸运的是,利用我在下面提供的自定义cookie代码,可以帮助您缩短时间,几乎不需要实施工作,并且可以得出有力的见解:
 
它可以表明用户对您的内容和品牌感兴趣。
存储的数据可用于内容评分-如果一个事件的三个​​页面中包含一个页面,则该页面可能比其他页面更有价值。如果是这样,您可能希望将这些页面定位为具有更多追加销售或交叉销售的机会。
相同的评分逻辑可能适用于作者。如果某些作者撰写的博客在一个会话中具有更多的页面浏览量,则它们的写作风格/主题可能会更吸引人,您可能希望进一步利用他们的内容写作技巧。
您可以建立再营销受众群体列表,以这些看似参与的用户为目标,以与您的业务目标保持一致-与您的内容进行互动的人更有可能转化。
因此,在逐步学习实施指南之前,让我们简要讨论一下您需要添加以设置cookie的自定义代码的结构。
 
自定义Cookie代码
众所周知,Cookies是存储在浏览器中的一个小型文本文件,它可以帮助服务器记住您的身份,并且其代码由三个元素组成:
 
包含数据的名称/值对
到期日期,在该日期之后不再有效
服务器应该发送到的域和路径。
您可以创建一个自定义代码以添加到cookie中,以帮助您在一组页面中的会话中跟踪和存储大量页面视图。
 
以下代码构成设置Cookie的基础。它定义了特定的规则,例如触发cookie所需的事件和cookie的过期。我将提供代码,然后将其分为两部分来解释每个部分。
 
代码
<脚本>
函数createCookie(名称,值,小时){
    如果(小时){
        var date = new Date();
        date.setTime(date.getTime()+(hours * 60 * 60 * 1000));
        var expires =“; expires =” + date.toGMTString();
    }
    否则var expires =“”;
    document.cookie = name +“ =” + value + expires +“; path = /”;
}
如果(document.querySelectorAll(“ CSS SELECTOR GOES HERE”“)。length> 0){
var y = {{NumberOfBlogPagesVisited}}
如果(y == null){
    createCookie('BlogPagesVisited',1,1);
}
  否则(y == 1){
    createCookie('BlogPagesVisited',2,1);
  } 
  否则(y == 2){
    var newCount = Number(y)+1;
    createCookie('BlogPagesVisited',newCount,12);
  }
  
 如果(newCount == 3){
 dataLayer.push({
 '事件':'3个博客页面'
 });
 }
}
</ script>
 
 
第1部分
<脚本>
函数createCookie(名称,值,小时){
    如果(小时){
        var date = new Date();
        date.setTime(date.getTime()+(hours * 60 * 60 * 1000));
        var expires =“; expires =” + date.toGMTString();
    }
    否则var expires =“”;
    document.cookie = name +“ =” + value + expires +“; path = /”;
}
说明:
顾名思义,此函数将在您指定名称,值和cookie有效期的情况下创建一个cookie。我已指定“小时”,但如果要指定“天”,则需要迭代代码的变量。看看这个设置Cookie的丰富资源。
 
第2部分
如果(document.querySelectorAll(“ CSS SELECTOR GOES HERE”)。length> 0){
var y = {{NumberOfBlogPagesVisited}}
如果(y == null){
createCookie('BlogPagesVisited',1,1);
}
否则(y == 1){
createCookie('BlogPagesVisited',2,1);
}
否则(y == 2){
var newCount = Number(y)+1;
createCookie('BlogPagesVisited',newCount,12);
}
  
如果(newCount == 3){
dataLayer.push({
'事件':'3个博客页面'
});
}
  
</ script>
 
说明:
该脚本的第二部分将计算页面浏览量:
 
我现在空白的“ CSS SELECTOR GOES HERE”将是您添加CSS选择器的地方。如果CSS选择器与页面上的元素匹配,这将指示cookie触发。您可以使用DevTools将鼠标悬停在页面上的元素(如作者姓名)上,并复制CSS选择器。
“ y”表示cookie,“ NumberOfBlogPagesVisited”是我为变量指定的名称。您将根据需要迭代变量名,但是您在GTM中设置的变量名应与代码中的变量名一致(我们将在分步指南中逐步进行介绍)。
“ createCookie”是您的cookie的实际名称。我将Cookie称为“ BlogPagesVisited”。您可以随心所欲地调用cookie,但是再次要确保在GTM中创建变量时,在代码中为cookie提供的名称必须与cookie名称字段保持一致。没有一致性,代码将无法正确触发。
您还可以更改Cookie的过期时间。如果用户在一个会话中累积了三个页面浏览量,则代码将指定12小时的有效期。其背后的原因是,如果某人在一两天后返回并查看另一个博客,我们将不认为这是同一“会话”的一部分,从而使我们可以更清楚地了解触发三个事件的用户的用户行为。会话中的页面浏览量。
这是相当随意的,因此您可以迭代cookie的有效期限以适合您的业务目标和客户。
注意:如果您希望事件在超过三个页面视图(例如,四个页面视图)之后触发,则代码如下所示:
 
var y = {{NumberOfBlogPagesVisited}}
如果(y == null){
createCookie('BlogPagesVisited',1,1);
}
否则(y == 1){
createCookie('BlogPagesVisited',2,1);
}
}
否则(y == 2){
createCookie('BlogPagesVisited',3,1);
}
否则(y == 3){
var newCount = Number(y)+1;
createCookie('BlogPagesVisited',newCount,12);
}
  
如果(newCount == 4){
dataLayer.push({
'事件':'4个博客页面'
});
 
现在我们对脚本有了基本的了解,我们可以使用GTM来实现所有内容。
 
首先,您需要设置以下“标签”,“触发器”和“变量”:
 
标签
自定义HTML标记:包含cookie脚本
 
事件代码:触发第三次网页浏览是一次会话后,触发事件并将数据发送到GA。
 
扳机
页面浏览触发器:定义触发您的自定义HTML标记的条件。
 
自定义事件触发器:定义触发事件的条件。
 
变量
第一方Cookie变量:此变量将定义触发器需要用来评估您的自定义HTML代码是否应触发的值。
 
现在,让我们逐步完成在GTM中进行设置的步骤。
 
步骤1:建立自订HTML标记
首先,我们需要创建一个包含Cookie脚本的自定义HTML标签。这次,我在下面添加了CSS选择器:
 
 #content> div.post.type-post.status-publish.format-standard.hentry> div.entry-meta> span> span.author.vcard> a
这与Distilled博客页面上的作者匹配,因此您需要添加自己的唯一选择器。
 
导航到标签>新建>自定义HTML标签>并将脚本粘贴到自定义HTML标签框中。
 
 
您需要确保标签名称具有描述性和直观性。Google建议使用以下标记命名约定:标记类型-详细信息-位置。这将使您可以从概述标签界面轻松识别和分类相关标签。您还可以为不同的项目创建单独的文件夹,以使事情井井有条。
 
按照Google的示例,我将我的标签称为“自定义HTML-3页浏览量Cookie-博客”。
 
创建标签后,请记住点击保存。
 
步骤2:建立触发器
创建触发器将定义触发您的自定义HTML标记的条件。如果您想了解有关触发器的更多信息,可以阅读Simo Ahava的触发器指南。
 
导航到触发器>新建> PageView。
 
单击触发器配置框后,将要选择“页面视图”作为触发器类型。我也将触发器的页面视图命名为Cookie触发器-Blog触发器,因为我将设置标签以在用户访问博客内容时触发。
 
 
接下来,您将要定义触发器的属性。
 
 
由于我们依赖CSS选择器来触发整个网站的Cookie,因此请选择“所有页面浏览量”。
 
定义触发器后,单击“保存”。
 
步骤3:建立变数
就像自定义HTML代码如何依赖触发条件来触发一样,触发条件也取决于变量。变量定义触发器需要评估标签是否应触发的值。如果您想了解有关变量的更多信息,建议阅读Simo Ahava的变量指南。
 
转到变量>用户定义的变量>选择第一方Cookie。您还将注意到,我已将此变量命名为“ NumberOfBlogPagesVisited”-您将希望此变量名与Cookie代码中的内容匹配。
 
 
选择“第一方Cookie”后,您现在需要输入您的Cookie名称。请记住:该Cookie名称需要复制您在代码中为Cookie指定的名称。我将Cookie命名为BlogPagesVisited,因此我已经复制了如下所示。
 
 
第4步:创建事件代码
当用户触发第三页视图时,我们希望将其记录下来并发送给GA。为此,我们需要设置一个“事件”标签。
 
首先,导航至标签>新建>选择Google Analytics-Universal Analytics:
 
 
标记类型设置为“ Google Analytics-Universal Analytics”后,请确保跟踪类型为“事件”,并分别命名为“类别”和“操作”。您也可以根据需要填写标签和值。我还想在“非互动点击”字段中选择“正确”,因为我仍想跟踪跳出率指标。
 
 
最后,您需要选择一个GA设置变量,该变量会将存储的Cookie信息传递给GA属性。
 
第5步:创建触发器
此触发器将引用您的事件。
 
导航到触发器>新建>自定义事件
 
 
选择“自定义事件”后,将要确保“事件名称”字段与代码中为事件指定的名称匹配。就我而言,我将该事件称为“ 3个博客页面”。
 
 
步骤6:以预览模式审核Cookie
选择预览模式后,您应该对Cookie进行审核,以确保一切正常启动。为此,请导航至您设置Cookie的网站。
 
在调试界面中,转到“页面视图”>“变量”。
 
 
接下来,查找包含CSS选择器的URL。对于客户端,我们使用了引用页面上作者的CSS选择器。他们所有的内容页面都使用相同的CSS选择器供作者使用。使用GTM预览工具,您将看到“ NumberOfBlogPagesVisited”变量已执行。
 
 
在Chrome DevTools中,实际的“ BlogPagesVisited” Cookie已触发为“ 1”值。要查看此信息,请单击检查>应用程序> Cookies。
 
 
如果我们跳过第二页视图并在另一个博客页面上执行第三页视图,您将看到我们的GA事件和“自定义HTML”标记均被触发,因为它是我们的第三页视图。
 
 
您还将看到第三页视图触发了我们在Chrome DevTools中的cookie值“ 3”。
 
 
第7步:设置高级细分
现在,您已经设置了Cookie,您将需要将存储的Cookie数据提取到GA中,这将使您可以根据需要操纵数据。
 
在GA中,转到“行为”>“事件”>“概述”>“添加细分”>“新细分”>“序列”>“事件操作”>,然后添加您在事件代码中指定的事件名称。我指定了“ 3个博客页面浏览量”。
 
 
在那里,您拥有了! 
 
结论
既然您知道如何在GTM中设置Cookie,那么您就可以获得更多有关内容参与度的见解。
 
您还将知道如何遍历代码片段,并迭代触发cookie事件所需的页面浏览量以及每个阶段的cookie过期以适应您的需求。
 
我很想听听您可以想到此Cookie的其他用例,或者您在GTM中设置的其他类型的Cookie,以及从中获得的数据。
 
24
21
 

网站建设
Website
客户案例
Customer case
关于展为
About ZHANWEI
展为致力于网站建设与网络营销,微信营销,专业领域包括网站建设、网站seo优化推广、移动互联网营销、三网合一网站建设,微信营销小程序开发,与其他网站建设及系统开发公司不同,我们的整合解决方案结合了展为网络建设经验和互联网整合营销的理念,并将策略和执行紧密结合,且不断评估并优化我们的方案,为客户提供一体化全方位的互联网品牌整合方案!

扫码咨询

Copyright © 石家庄展为网络有限公司. 冀ICP备14018173号-6 Copyright 2010-2020版权所有
展为网络
网站建设
客户案例