typescript - "Inga träffar skickades av denna behållare" - Google Tag Manager

Jag har implementerat Google Tag Manager på min Next.js-webbplats. Jag kommer att posta koden nedan:

import '../styles/global.css';

import type { AppProps } from 'next/app';
import Script from 'next/script';
import NextNProgress from 'nextjs-progressbar';

import { PageLayout } from '@/layouts';

const MyApp = ({ Component, pageProps }: AppProps) => (
  <>
    <Script
      strategy="lazyOnload"
      src={`https://www.googletagmanager.com/gtag/js?id=GTM-XXXXXXX`}
    />

    <Script id="gtm-analytics" strategy="lazyOnload">
      {`
            window.dataLayer = window.dataLayer || [];
            function gtag(){dataLayer.push(arguments);}
            gtag('js', new Date());
            gtag('config', 'GTM-XXXXXXX', {
              page_path: window.location.pathname,
            });
                `}
    </Script>
    <PageLayout>
      <NextNProgress color="#E80371" />
      <Component {...pageProps} />
    </PageLayout>
  </>
);

export default MyApp;

Men när jag är i min Google Tag Manager-instrumentpanel visar den detta:

Å andra sidan visar det att det laddar dataLayer korrekt (åtminstone tolkar jag det på det sättet)

Var ligger felet?

Svar #1

Detta kan hända eftersom du har aktiverat en Chrome-tillägg som heter GA Debugger. Om det är aktiverat slutar GTM-förhandsgranskningsläge att rapportera om GA4-felsökning. Det påverkar dock INTE vanlig GTM-felsökning och dina taggar kommer fortfarande att utlösas som normalt. Det enda som påverkas är dedikerad GA4-felsökning.

Dina träffar skickas fortfarande till GA4. De visas bara inte i förhandsgranskningsläget. För att åtgärda detta måste du stänga av GA Debugger-tillägget.

Relaterade artiklar