I cannot able to preview the tags in Google Tag Manager and getting CORS errors while integrating Partytown in gatsby application. please help me on this ? @SujayPrabhu96
This is my code
gatsby-ssr.js file
`import React from "react";
import { Partytown } from "@builder.io/partytown/react";
export const onRenderBody = ({ setHeadComponents, setPreBodyComponents }) => {
//const gtmTrackingId = process.env.GATSBY_GOOGLE_TAG_MANAGER_TRACKING_ID;
setHeadComponents([
<Partytown key="partytown" debug={true} forward={["dataLayer.push"]} />,
<script
key="plugin-google-tagmanager"
type="text/partytown"
dangerouslySetInnerHTML={{
__html: (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-KXJZBP');
,
}}
/>,
<script
key="partytown-vanilla-config"
dangerouslySetInnerHTML={{
__html: partytown = { resolveUrl(url, location) { if (url.hostname === "www.google-analytics.com" && url.pathname.endsWith(".js")) { var proxyUrl = new URL('http://localhost:9000/google-analytics'); proxyUrl.searchParams.append("url", url.href); return proxyUrl; } if (url.pathname.includes("/debug/bootstrap")) { var proxyUrl = new URL('http://localhost:9000/googletagmanager/debug/bootstrap'); proxyUrl.searchParams.append("url", url.href); return proxyUrl; } return url; } }
,
}}
/>,
]);
setPreBodyComponents([
<noscript
key="gtm"
dangerouslySetInnerHTML={{
__html: <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KXJZBP" height="0" width="0" style="display: none; visibility: hidden" aria-hidden="true"></iframe>
,
}}
/>,
]);
};`
gatsby node.js file
`exports.onPreBuild = async ({ actions: { createRedirect } }) => {
await copyLibFiles(path.join(__dirname, "static", "~partytown"));
createRedirect({
fromPath: /google-analytics?url=:url
,
toPath: :url
,
statusCode: 200,
});
// This is only for GTM preview mode for debugging
createRedirect({
fromPath: /googletagmanager/debug/bootstrap?url=:url
,
toPath: :url
,
statusCode: 200,
});
};`
![image](https://private-user-images.githubusercontent.com/78694065/308124893-980ffa6f-7f7a-424d-bff8-b67a049584a3.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjExOTkxMTAsIm5iZiI6MTcyMTE5ODgxMCwicGF0aCI6Ii83ODY5NDA2NS8zMDgxMjQ4OTMtOTgwZmZhNmYtN2Y3YS00MjRkLWJmZjgtYjY3YTA0OTU4NGEzLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MTclMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzE3VDA2NDY1MFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTY1OGI2YThjNTc3YTY4NDZlZTJkYTc1MjVmZGY1OTc3OTljMmRhNGJlNTFhNDMxNDk4NjYxODM3ZjhjM2IzNDEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.PPi3TLe1NlLH9VlHPhLM77qwjFt5l-IrqZlg6KpzLJQ)