Google Tag Manager, child themes, and the header.php

Hi,

You can try to follow this tutorial: https://www.wpbeginner.com/beginners-guide/how-to-install-and-setup-google-tag-manager-in-wordpress/ and use this plugin: https://wordpress.org/plugins/insert-headers-and-footers/ to add custom scripts to the head section without coding. Setting up the google tag manager is beyond the scope of our support forum and you may need to hire a developer if you’re not familiar with the implementation of google tags.

Best regards,
Dude

Hi,

You need to add it to the child theme funtions.php file (i.e. at the very bottom). Yigit’s code contained some invalid quote characters (I think the forum script converted them accidentally) – please use this code instead:

//-------------------------------
// Google Tag Manager script in head section
//-------------------------------

function av_google_tag_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-THXCK3T');</script>
<!– End Google Tag Manager –>
<?php
}
add_action('wp_head', 'av_google_tag_head');

//-------------------------------
// Custom script in body
//-------------------------------

function av_google_tag_body(){
?>
<!– Google Tag Manager (noscript) –>
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-THXCK3T"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!– End Google Tag Manager (noscript) –>
<?php
}
add_action('wp_footer', 'av_google_tag_body');

You also need to check the google tag manager id. At the moment it’s set to GTM-THXCK3T in the code above (two occurrences) but you may need to replace it with your id, otherwise the code won’t work.

Best regards,
Dude