Partytown Integration: Google Ads Tag Not Detected #686
Description
I've followed the Qwik documentation to integrate Partytown with my application, aiming to load the Google Ads tag in a web worker. However, the tag isn't being detected as expected in tag Manager. Here's the implementation:
export default component$(() => {
return (
<QwikCityProvider>
<head>
<meta charset="utf-8" />
<QwikPartytown forward={['gtag', 'dataLayer.push', 'clarity']} />
<script
defer
type="text/partytown"
src="https://www.googletagmanager.com/gtag/js?id=AW-..."
/>
<script
defer
type="text/partytown"
// biome-ignore lint/security/noDangerouslySetInnerHtml: <explanation>
dangerouslySetInnerHTML={`
window.dataLayer = window.dataLayer || [];
window.gtag = function () {
dataLayer.push(arguments);
};
gtag('js', new Date());
gtag('config', 'AW-...');
`}
/>
<script
defer
type="text/partytown"
// biome-ignore lint/security/noDangerouslySetInnerHtml: <explanation>
dangerouslySetInnerHTML={`
(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-NX9QJHK4');
`}
/>
<RouterHead />
</head>
<body lang="en">
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-..."
height="0" width="0" style="display:none;visibility:hidden" title='Tag Google Manager' /></noscript>
<RouterOutlet />
</body>
</QwikCityProvider>
);
});
Despite this setup, the Google Ads tag isn't being detected.
