Next13(应用程序目录)+谷歌标签管理器+谷歌分析(标签不发射)

vom3gejh  于 2023-06-29  发布在  其他
关注(0)|答案(1)|浏览(131)

正在努力将Google Tag Manager + Google Analytics Tag与Next 13(应用程序目录)集成。不确定问题是更多的是与Next13或与我的标签管理器设置(虽然没有这么多的设置,实际上)
我一直在关注this tutorial。有了这个,我应该在谷歌标签管理器中激活历史更改触发器吗?
当我通过

window.dataLayer.push({
    event: 'pageview',
    page: url,
  })

我确实在Google Tag Manager Preview中看到了一个pageview事件,但我的Google Analytics Tag并没有被触发,尽管我将其设置为在“所有页面”上触发。有什么想法吗

yrdbyhpb

yrdbyhpb1#

我创建组件并在主布局中使用它们:

"use client";
import Head from "next/head";
import Script from "next/script";
import React from "react";

const GoogleTag = () => {
  return (
    <div>
      <Head>
        <meta
          name="google-site-verification"
          content="1jRUAxx6jZc-abqxxoa-rtI-6prcxxznoxxEKC6xxESTjxxq89FcIbg"
        />
      </Head>
      <Script
        async
        src="https://www.googletagmanager.com/gtag/js?id=xxxxxxxx"
        strategy="lazyOnload"
      />
      <Script
        id="google"
        dangerouslySetInnerHTML={{
          __html: ` window.dataLayer = window.dataLayer || [];
            function gtag(){dataLayer.push(arguments);}
            gtag('js', new Date());
    
            gtag('config', 'xxxxxxxx');`,
        }}
      />
    </div>
  );
};

export default GoogleTag;

相关问题