Customs JS always displaying at the end of page instead of head

hedgehog · June 6, 2023

Hi, trying to add GA4 scripts, i put them in head.tpl (niara theme) immediately after <head> tag

{literal}
<script async src="https://www.googletagmanager.com/gtag/js?id=G-***"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());

gtag('config', 'G-***');
</script>
{/literal}

But what i get is that this one display where it should be:

and all the script goes to very end of the page. How should i fix that. Thanks

the.rampage.rado · June 6, 2023

You can turn off:

but I would not do that as it does not affect the performance of GA4.

Also with TB there's no need to manually edit your header.tpl. You can put custom JS and CSS code in BO in Preferences->Custom Code

datakick · June 6, 2023

As @the.rampage.rado suggested, you can disable moving javascript to the end. I would recommend to do this anyway, as moving javascript to the end can cause a lot weird issues.

You can also add data-keepinline attribute to script tags to instruct core to not try to move it

        <script data-keepinline>
            window.dataLayer = window.dataLayer || [];
            function gtag(){dataLayer.push(arguments);}
            gtag('js', new Date());

            gtag('config', 'G-***');
        </script>

hedgehog · June 6, 2023

11 hours ago, the.rampage.rado said:

You can turn off:

but I would not do that as it does not affect the performance of GA4.

Also with TB there's no need to manually edit your header.tpl. You can put custom JS and CSS code in BO in Preferences->Custom Code

thank you so much, it worked!

Sign In

Customs JS always displaying at the end of page instead of head

Question

hedgehog

3 answers to this question

Recommended Posts

the.rampage.rado

datakick

hedgehog

Create an account or sign in to comment

Create an account

Sign in