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

vom3gejh 于 2023-06-29 发布在其他

关注(0)|答案(1)|浏览(147)

正在努力将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并没有被触发，尽管我将其设置为在“所有页面”上触发。有什么想法吗

next.js

来源：https://stackoverflow.com/questions/76464019/next13-app-directory-google-tag-manager-google-analytics-tags-not-firing

1条答案

按热度按时间

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;

赞(0）回复(0）举报 2023-06-29

我来回答

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

1条答案

相关问题

热门标签

最新问答