Google Tag manager plugin for October CMS. Inspired by the [Google Analytics Plugin] (rainlab/googleanalytics-plugin) from RainLab.
You can use default code on all pages or you can specify unique tag for specific pages.
- Install the plugin via the October CMS backend.
- Add your site configuration details to the Google Tag Manager Plugin configuration page. (Under the 'Misc' section of the System Settings page in the Backend).
- Add the Google Tag Manager Component to your master layout.
- Add
{% component 'gtmCode' %}to the<head>of the default layout, preferably as close to the opening<head>tag as possible, but below any dataLayer declarations. - Add
{% placeholder gtmNoscript %}to the content of the default layout so that it appears immediately after the opening<body>tag. - Save the file.
You can also add the component to the file manually and/or override container_id from your settings. For Example:
[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