图3-107 跟踪用户复制的原理 原理:通过页面注入js,判断用户是否有复制行为,主动Push Event,同时将复制的文本信息传递到数据层变量中,后面就是用触发器和数据层变量接收对应的值,用代码中的事件跟踪将相关的信息向...通过GTM跟踪用户的复制,可以知道用户复制了什么,在什么页面复制,什么时段复制的,复制的用户集中是在哪个渠道,这些信息可以广告投放在渠道和时段上提供支持。...详细实现过程: 1、注入JS 通过一段js代码监听用户的复制行为,由于这段代码会用到浏览器的一些接口,所有部分浏览器如果关闭了接口,就会跟踪不到,目前来说,这种方法能跟踪到大部分的浏览器,具体的代码如图...图3-110接收数据层变量 4、tag中设置事件,在代码中设置,向GA发送数据,具体设置如图3-111所示: ?...5、测试 在GA的实时里面测试,看是否有触发,如果有,表示事件跟踪成功,成功状态的如图3-112所示,如果没有,那就需要调试去定位问题。 ? 图3-112 测试 测试成功,可以发布
在实际的过程中,有时候多个站点需要看成一个站点来评估网站的流量情况,比如同一产品对不同地域使用不同域名,或壳站和主站之间,这就需要对网站做跨域跟踪。...图3-47 设置顶级域名 类似如上的直接使用顶级域名,会自动包含了二级域名,如m.A.com和m.B.com。...注意:跟踪器一定要设置跟原来单站不同的,确保跨站传输数据一致。 为了方便演示配置信息,下面采用不使用Google分析设置变量的方式去设置跨站,配置如图3-48所示: ?...图3-48 跨域跟踪代码设置 跟踪ID用的是前面设置的常量Property,这里的作用是将数据向指定的媒体资源发送。...自动链接网域是前面设置的常量,这里是虚拟一个顶级域名, 跟踪器名称,这个随意命名就可以,这个的作用是在向多个媒体资源发送发送数据的时候需要用不同的跟踪器,确保不同媒体资源的数据的准确性。
如果您使用统一版跟踪代码,即analytics.js,这个已经默认开启了跨子域跟踪的,可以直接使用跟踪代码,如图3-41所示,但还需要配置一些东西: ?...图3-41 跟踪代码 里面的auto表示自动将Cookie生成在顶级域名之下,也就是两个子域会是共用同一个顶级域名里的Cookie了。...3-42 配置CookieDomain 上面两种方法都是实现同样的作用,接下来就是引荐流量排除了,使得访客在子域跳转的时候还是延续原来的会话,而不会产生新的会话,设置的位置在GA中选择“管理”→“跟踪信息
最近Google Tag Manager新增了一个服务端跟踪的功能,在这之前服务端跟踪是Tealium的亮点。 什么是服务端跟踪 Server Side Tagging,也叫服务端标签、服务端跟踪。...数据被发送到Google Cloud实例,然后由其他代码进行处理和路由。 服务端跟踪与之前的GTM有什么不同?...数据传输方式:原有的GTM是第三方工具分别向不同的服务器发送数据,服务端的统一收集后再处理转发 服务器:服务端跟踪自然需要使用服务器的,需要有自己的服务器,目前要求是谷歌云服务,这个服务器的作用是放容器代码...使用注意点 服务端跟踪必然会用到服务器,这个服务器需要处理和转发数据,提供有免费的配额,超过是需要付费的,所以才需要绑定信用卡。...Manager container.
这一节要讲解的是如何通过GTM监测用户的访问深度,也就是用户浏览量整个页面多大比例。可以对评估用户对页面是否有兴趣作为一个补充。也可以用于衡量页面设计的长短版选...
,然后去tag中设置。...图3-75 代码设置 触发器就是上一步设置的Tag501,这里由于截图问题没有显示。...这种方法可以用于表单优化,导航栏的使用使用跟踪,AB test和追踪用户具体的单击等,下面介绍这种方法在表单优化的应用。...基本思路是:通过ga-data方法将整个注册表单的行为都跟踪下来,然后分析注册流程哪一步流失最大,对应做表单压缩或顺序调整,降低降低注册流失,提高注册转化比例。...如图3-80 设置触发条件 6、设置Tag,向GA发送数据,如图3-81所示: ? 图3-81 设置代码 7、GA中事件跟踪接收到数据形式如3-82所示: ?
由于单页应用使用过程中不会重新加载页面,给采用页面加标签技术的跟踪方案带来了诸多的不便,如GA里面的页面报告就只有一个URL,页面浏览量远远小于实际情况,以及很多报告都不能使用。...如果要想Web那样跟踪单页应用,那么需要采用虚拟页面的形式去跟踪。...图3-85 单页应用跟踪原理 这种方式的原理等于与前一节事件跟踪的dataLayer方法。...基本上对于使用GTM来管理APP也是类似的原理,都是通过数据层来管理屏幕,维度,指标等 设置过程: 1、变量,接收[数据层](https://www.ichdata.com/tag/数据层" \t "...图3-88 代码配置 触发器就是前面的“dataLayer事件跟踪屏幕触发”,这样所有的页面都会被跟踪到,可以像Web那么继续使用GA。
Wordpress是一个非常强大的建站系统,而在我们建站的过程中,插件的使用必不可少。...全球有超过100万的WordPress插件,涵盖电商、表单、邮件、论坛、备份、美化、社交分享、轮播等领域。 插件的出现让我们的建站更加得心应手、如虎添翼。.../plugin Top20插件推荐 最后,websoft9也为您整理了经常使用的Wordpress插件,供您参考。...收费 Slider Revolution Responsive WordPress Plugin 排版与布局 强大无比的轮播动画制作与管理 收费 Ninja Forms – The Easy and...Powerful Forms Builder 表单 表单插件 免费 Duplicator – WordPress Migration Plugin 系统管理 网站整体打包工具,拥有备份与迁移 免费 All-in-One
本系列以Google Tag Manager(GTM)为例,介绍如何实现集约化的Tag Management,从而实现更优化的监测代码配置。 这是这个系列的第五篇文章。...建议你从第1部分开始看这个系列文章,按照文章内容,创建属于你的Google Tag Manager容器。...成功提交表单后,将使用户进入“提交成功”页面,然后使用GA对该页面进行追踪,这并不需要任何智能跟踪。...追踪代码——虚拟页面 我们使用网页路径字段名设置为“page”,我们在“评论”字词中添加了一个独立的页面 - 此网页会显示在“所有网页”报告中,例如/blog/2015/july/20/google-tag-manager...这一过程其实非常简单 - 不超过10分钟,您就已经配置好您的表单的跟踪。像往常一样,Google标记管理工具的预览模式应该用于测试代码是否正确触发。
我们可以通过使用网站上的 WordPress 插件添加联系表格来做到这一点。因此,这将为你的访问者提供一种与你联系的方式,当他们需要帮助或有什么要分享的时候。 让我们看看如何创建联系表格。...通过 3 个步骤创建联系表: 第 1 步:在 WordPress 中安装一个有助于创建表单的插件。因此,要安装插件,请转到你的 WordPress 仪表板。 单击仪表板的插件选项。...第 2 步:使用 Ninja Forms 插件创建表单。 因此,要创建表单,请单击仪表板上的 Ninja Forms 选项。 你将在 Ninja 表单中看到默认表单。...要添加表单,请单击标题下方的添加表单选项。 弹出窗口将出现并选择你在 Ninja Form 中创建的表单。 然后单击“插入”,表单将插入到你的页面中。 点击发布按钮。...你的表格可以使用了。 这就是你在 WordPress 中创建联系表单的方法。
Force SSL – 强行让浏览者使用 HTTPS 安全连接,为希望使用较高安全级别访问 WordPress 的用户提供方便。...Page Link Manager – 更轻松的管理静态页面。 Plugin Central – 一键安装和升级多个wordpress插件。...Ultimate Google Analytics:帮助你一次性嵌入统计代码。 Update Manager – 检查博客所用的插件是否存在更新版本。...Ultimate Tag Warrior – WordPress 最好的 Tag 插件。...OpenID Comments – 使用OpenID做为发表评论的认证。 Quoter – 引用已有的评论。 Simple CoComments – 在博客间跟踪评论。
使用TinyPNG自动优化JPEG和PNG图像。 6、Contact Form 7 联络表格7,一个联系表单插件,简单而灵活。...提高读者保留率并降低跳出率 8、Disable Google Fonts 选择禁用Google字体,停用Google字体,禁用WordPress核心使用的Google字体排队,默认主题,Gutenberg...15、Google XML Sitemaps Google XML网站地图,此插件使用站点地图改进了SEO,以使Google,Bing,Yahoo等搜索引擎获得最佳索引。...URLs 选择简单的URL,简单网址是一个完整的网址管理系统,可让您使用自定义帖子类型和301重定向来创建,管理和跟踪网站的出站链接。...26、SSL 不安全内容修复器 选择SSL不安全内容修复器,帮助您清理并修复WordPress站点的HTTPS不安全内容 27、tag标签关键词内链 选择标签标签关键字内链,可适用于文章内容页关键字标签更改颜色
本系列以Google Tag Manager(GTM)为例,介绍如何实现集约化的Tag Management,从而实现更优化的监测代码配置。 这是这个系列的第三篇文章。...在Part1我们介绍了如何替换标准的Google Analytics跟踪代码,并在Part2,我们创建了第一个关于跟踪文档(PDF文件,DOCX等)点击的标签,Part4的内容涵盖社交媒体标签,Part5...的内容涵盖跟踪在线表单提交。...建议你从第1部分开始看这个系列文章,按照文章内容,创建属于你的Google Tag Manager容器。 首先,需要高清楚“为什么要为mailtos和外部链接创建标签?”...那么,如果你在Google Tag Manager建立了一个外部链接,如果他们在你网站上点击了链接之后,你就可以知道他们去向何处。
本系列以Google Tag Manager(GTM)为例,介绍如何实现集约化的Tag Management,从而实现更优化的监测代码配置。 这是这个系列的第一篇文章。...Google表示,“用户可以使用Google代码管理工具随时快速创建和升级网站及移动APP代码(tag在GTM中文版本翻译成“代码”)。”...1.创建账户和代码容器 假设你有一个配置了Google Analytics通用跟踪代码的网站。开始使用Google跟踪代码管理器之前,你需要更改一段代码,这段代码会配置在每个网页上。...2.将Google Analytics跟踪代码添加为变量 你创建的每个代码(tag在GTM中文版本翻译成“代码”)都需要发送到你的Google Analytics跟踪代码。...要测试是否安装了GTM代码,请使用Chrome Tag Assistant检查网站的主页。你会看到,GTM容器ID和GA跟踪代码会展示出来。如出现任何警告或错误,请咨询开发人员。 ?
原理的话,其实跟原有的事件跟踪是一样,只不过多了一些参数,我们来看一下具体的设置过程: 设置事件跟踪 接下来看如何在GTM上对GA4做事件跟踪 设置代码Tag 在Google Tag Manager里面新建一个...Tag,然后选择“Google Analytics: GA4 Event”代码,命名为“GA4事件跟踪—关于作者”,效果如下: ?...事件跟踪测试 事件布署好后需要测试,测试的方法有多种。 测试方法1——预览 测试方法1,其实就是原有的测试方式,设置好了,直接点击Google Tag Manager右上角的“预览”: ?...注册事件参数 最后一个就是注册事件参数,事件参数要在Google Analytics 4能够使用,还需要注册事件参数,虽然每个事件跟踪可以设置25个事件参数,但每个事件能注册的是只有5个,而且对于一个媒体资源而言...创建事件就是在现有事件的基础上创建出新的事件,是原有事件的子集,比如我有个事件是跟踪表单提交,现在我需要将某个特定页面的表单提价单独拿出来看,这个事件是表单提交的子集,就可以用GA4里创建事件了。
16、Google Sitemaps:在博客根目录生成一个sitemap.xml文件,并自动提交到Google,方便搜索引擎进行索引。...22、Ultimate Tag Warrior:在Wordpress的SEO插件时也介绍了这个插件,主要是用来添加文章标签。对SEO也有一定的帮助。...需配合一些UTW或Simple tagging使用。 博客优化相关: 45、Related Posts:显示相关文章的插件。可能需要配合其它插件,比如UTW或Simple tagging使用。...预览链接所含页面的外观 111、Ultimate Tag Warrior:tag插件,可生成tag云 112、Easy Announcement v1.1:发表公告 113、Target Adsense...预览链接所含页面的外观 169、Ultimate Tag Warrior:tag插件,可生成tag云 170、Easy Announcement v1.1:发表公告 171、Target Adsense
16、Google Sitemaps:在博客根目录生成一个sitemap.xml文件,并自动提交到Google,方便搜索引擎进行索引。...22、Ultimate Tag Warrior:在Wordpress的SEO插件时也介绍了这个插件,主要是用来添加文章标签。对SEO也有一定的帮助。...需配合一些UTW或Simple tagging使用。 博客优化相关: 45、Related Posts:显示相关文章的插件。可能需要配合其它插件,比如UTW或Simple tagging使用。...预览链接所含页面的外观 110、Ultimate Tag Warrior:tag插件,可生成tag云 111、Easy Announcement v1.1:发表公告 112、Target Adsense...预览链接所含页面的外观 169、Ultimate Tag Warrior:tag插件,可生成tag云 170、Easy Announcement v1.1:发表公告 171、Target Adsense
Tag Manager System(TMS)、Tag Manager Solution(TMS)、Tag Manager Tools(TMS),这几个都是指同一个东西,标签管理系统,用于管理第三方的跟踪代码和数据标准化传输...目前国外有很多类似的产品,如: Google Tag Manager ?...Google Tag Manager是来自谷歌的一个标签管理系统,通常简称为GTM,通过GTM可以快速创建,嵌入和更新跟踪代码,从而获得数据标准化和部署速度的好处。...Google跟踪代码管理器还与Google产品DoubleClick集成。此外,GTM这个工具是免费的。 Tealium iQ Tag Management System ?...Piwik PRO Tag Manager Piwik自带的一个tag Manager,这两年才出现。它支持同步和异步标签。用户可以一键添加每个容器中的“退出”和“不跟踪”功能。
如果你像我一样,在日常经常使用Google Tag Manager,你可能会喜欢上,并且希望这种功能可以应用到谷歌的整个生态,特别是在看到了谷歌发布了原生的支持youtube跟踪的触发器。...如果你在Google Tag Manager使用web容器,那么你还看不到这些代码,如果你用AMP容器,那么你在新建代码的时候可以看到很多新的可选项: ?...可以看到熟悉的设置界面,只需要填入跟踪服务器和报告id,这只是AMP页面的基础跟踪代码,随后,GTM将会拓展到web和mobile,并且增加更多的变量支持,如eVars, props, custom links...这么多年来,其它的数字供应商争论谷歌通过Google Tag Manager仅局限于谷歌生态来获取更多的市场份额,现在调整是让其他供应商也可以在Google Tag Manager管理它们的代码,如Adobe...可以看到AMP已经多了很多的第三方代码的Tag,相信在不久的将来,就可以拓展到web和mobile,GTM的作用将越来越强大,能够简化很多跟踪工作。
Try Matomo Analytics for WordPress! No technical setup required. 使用WordPress?尝试Matomo分析的WordPress!...When you have copied your tracking tag click Next » 复制跟踪标签后,单击“下一步”。...Otherwise you will need to insert your tracking tag manually. 否则,您将需要手动插入跟踪标签。...Matomo can also be integrated in Android and iOS apps, in GTM (Google Tag Manager), Ionic mobile apps...Install the JavaScript Tracking Tag安装JavaScript跟踪标记 If your website is a medium or high-traffic website
领取专属 10元无门槛券
手把手带您无忧上云