Liferay 和 Google 跟踪代码管理器的实施

Posted

技术标签:

【中文标题】Liferay 和 Google 跟踪代码管理器的实施【英文标题】:Liferay and Google Tag Manager implementation 【发布时间】:2021-04-27 00:44:00 【问题描述】:

我应该在哪里添加 Google 跟踪代码管理器代码?

从 GTM 的文档中,我应该将一个脚本复制到 head 标记中,将另一个脚本复制到 body 标记的开头。

就我所能研究的 liferay 而言,它应该被添加到主题中。我应该在哪里添加 GTM 代码,(头部和主体代码)

任何建议都会有所帮助,谢谢! :)

【问题讨论】:

【参考方案1】:

我还必须配置 GTM。最后我不得不编辑 Liferay 主题。 我通过添加主题设置来做到这一点:

<head>
<title> $ the_title - $ company_name </title>
<meta content = "initial-scale = 1.0, width = device-width" name = "viewport" />
<@liferay_util ["include"] page = top_head_include />
$ google_tag_manager_header_script
</head>
<body class = "$ css_class">
$ google_tag_manager_body_script
...
</body>

地点:

<#assign google_tag_manager_header_script = getterUtil.getString (themeDisplay.getThemeSetting ("google.tag.manager.header.script")) />
<#assign google_tag_manager_body_script = getterUtil.getString (themeDisplay.getThemeSetting ("google.tag.manager.body.script")) />

在我添加的 liferay-look-and-feel.xml 中:

<setting key = "google.tag.manager.header.script" value = "" type = "textarea" configurable = "true"> </setting>
<setting key = "google.tag.manager.body.script" value = "" type = "textarea" configurable = "true"> </setting>

【讨论】:

【参考方案2】:

如果您仅将主题用于一个站点,您可以使用 JBaeza 所说的最佳方式或不使用主题设置。 在最后一种情况下,您可以在 之前粘贴 head 脚本,并将 body 脚本粘贴到 portal_normal.ftl 上的

标记旁边

问候!

【讨论】:

以上是关于Liferay 和 Google 跟踪代码管理器的实施的主要内容,如果未能解决你的问题,请参考以下文章

javascript Google跟踪代码管理器的jQuery滚动深度修复

按钮 [name=] 上带有 Google 跟踪代码管理器的 CSS 选择器

使用跟踪代码管理器的 Android 内容实验几天后未显示会话

Google 跟踪代码管理器集成安全性 - noscript iframe 沙盒

3.1 .1Google Tag Manager基础知识——GTM简介

Google 跟踪代码管理器 - 数据层