alekseyp/googletagmanager-plugin

Google Tag manager plugin for October CMS.

Maintainers

Details

github.com/alekseyp/octobercms-googletagmanager

Source

Issues

Installs: 25

Dependents: 0

Suggesters: 0

Security: 0

Stars: 2

Watchers: 1

Forks: 4

Open Issues: 1

Type:october-plugin

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

Requires

MIT 0f4f0e39b8585fe2dc629726e033d1c8e73882ba

  • AlekseyP

cmsgoogleoctobergtmTagManager

This package is auto-updated.

Last update: 2025-06-29 01:51:12 UTC

README

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.

Instructions

  1. Install the plugin via the October CMS backend.
  2. 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).
  3. Add the Google Tag Manager Component to your master layout.
  4. 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.
  5. Add {% placeholder gtmNoscript %} to the content of the default layout so that it appears immediately after the opening <body> tag.
  6. 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>

License

MIT

Author Information

Aleksey Potaneyko

Mediahub