reactjs - 在 Nextjs 中实施 Google Optimize

问题描述

我试图在我的 NextJs 应用程序中实现 Google Optimize 并收到以下错误：

Unable to preview experience. Please make sure to enable cookies and restart the browser.

这是我的代码托管在_app.js：

function MyApp({ Component, pageProps }) {

    React.useEffect(() => {
        // Google optimize workaround
        window.dataLayer = window.dataLayer || [];
        window.dataLayer.push({ event: 'optimize.activate' });
    }, []);
    return (
            <Head>
                <link rel="preconnect" href="/www.google-analytics.com" crossOrigin />
                {/* Analytics */}
                    <script
                        dangerouslySetInnerHTML={{
                            __html: `
                        (function(i, s, o, g, r, a, m) {
                            i['GoogleAnalyticsObject'] = r;
                            i[r] = i[r] || function() {
                                (i[r].q = i[r].q || []).push(arguments)
                            }, i[r].l = 1 * new Date();
                            a = s.createElement(o),
                                m = s.getElementsByTagName(o)[0];
                            a.defer = 1;
                            a.src = g;
                            m.parentNode.insertBefore(a, m)
                        })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
                        ga('require', 'optimize-id');
                        ga('create', '${gaId}', 'auto');
                        ${contentGroupJs}
                        ga('send', 'pageview');
                    `,
                        }}
                    />
                <script src="https://www.googleoptimize.com/optimize.js?id=<OPTIMISE_ID_OMITTED>" />
            </Head>
)}

Edited:它目前正在预览和实时工作，但仍然弹出错误。任何想法？

标签： reactjsnext.jsgoogle-optimize

reactjs - 在 Nextjs 中实施 Google Optimize - 预览问题

问题描述

解决方案

推荐阅读