alekseyp/googletagmanager-plugin

October CMS 的 Google Tag manager 插件。

维护者

详细信息

github.com/alekseyp/octobercms-googletagmanager

源代码

问题

安装: 24

依赖项: 0

建议者: 0

安全性: 0

星标: 2

关注者: 1

分支: 4

开放问题: 1

类型：october-plugin

dev-master 2021-02-06 15:07 UTC

Requires

MIT 0f4f0e39b8585fe2dc629726e033d1c8e73882ba

  • AlekseyP

cmsgoogleoctobergtmTagManager

This package is auto-updated.

Last update: 2024-09-29 06:02:58 UTC

README

October CMS 的 Google Tag manager 插件。灵感来自 RainLab 的 [Google Analytics 插件] (rainlab/googleanalytics-plugin)。

您可以在所有页面上使用默认代码，或者为特定页面指定唯一的标签。

说明

  1. 通过 October CMS 后端安装插件。
  2. 将您的站点配置详细信息添加到 Google Tag Manager 插件配置页面。（在后端的“系统设置”页面中的“杂项”部分）。
  3. 将 Google Tag Manager 组件添加到您的母版布局中。
  4. 将 {% component 'gtmCode' %} 添加到默认布局的 <head> 部分，最好尽可能靠近打开的 <head> 标签，但要在任何 dataLayer 声明之下。
  5. 将 {% placeholder gtmNoscript %} 添加到默认布局的内容中，使其出现在打开的 <body> 标签之后。
  6. 保存文件。

您还可以手动添加组件，并/或覆盖设置中的 container_id。例如

[gtmCode]
container_id = "GTM-XXXXXX"
==
<html>
<head>
	<title>{{ this.page.title }}</title>
	<meta name="author" content="October CMS">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	{% component 'gtmCode' %}
	{% styles %}
	<link href="{{ [
	    'assets/css/theme.css'
	]|theme }}" rel="stylesheet">
</head>
<body>
    {% placeholder gtmNoscript %}
    
	<header>
		<h1>Header</h1>
		<hr />
	</header>

	<!-- Content -->
    <section id="layout-content">
        {% page %}
    </section>

    <!-- Footer -->
    <footer id="layout-footer">
        {% partial "footer" %}
    </footer>

    <!-- Scripts -->
    <script src="{{ [
        'assets/js/jquery.js',
        'assets/js/app.js'
    ]|theme }}"></script>
    {% framework extras %}
    {% scripts %}
</body>
</html>

许可证

MIT

作者信息

Aleksey Potaneyko

Mediahub