GTM Google Tagmanager implementation examples

gtm-implementation-example.html

<!-- IN HEAD -->
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','{{ GTM_ID }}');</script>
<!-- End Google Tag Manager -->

<!-- IN BODY -->
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id={{ GTM_ID }}"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

<script>
// IN JS: normal event push example
window.dataLayer.push( {
    'event': 'settings',
    'action': 'cookie settings',
    'label': 'accept'
} );
</script>

<script>
// IN JS: event push with ecommerce object example
window.dataLayer.push( {
    'event': 'forms',
    'action': 'form submit',
    'label': 'application form',
    'ecommerce': {
        'purchase': {
            'actionField': {
                'id': window.vacancy_no,
                'revenue': '1.00',
            },
            'products': [ {
                'name': window.vacancy_title,
                'quantity': 1,
            } ]
        }
    }
} );
</script>