typescript - "Bu konteyner tarafından herhangi bir gönderim yapılmadı" - Google Tag Yöneticisi

Next.js siteme Google Tag Manager'ı uyguladım. Aşağıda kodu paylaşacağım:

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;

Ama Google Tag Manager Panomdayken bu gösteriliyor:

Öte yandan, dataLayer'ı doğru bir şekilde yüklediğini gösteriyor (en azından ben bunu böyle yorumluyorum)

Hata nerede yatıyor?

Cevap #1

Bu, GA Debugger adlı bir Chrome uzantısını etkinleştirdiğiniz için olabilir. Etkinse, GTM önizleme modu GA4 hata ayıklamasını raporlamayı durdurur. Ancak, bu durum normal GTM hata ayıklaması üzerinde HİÇBİR ETKİ yapmaz ve etiketleriniz hâlâ sorunsuz çalışmaya devam eder. Etkilenen tek şey, özel GA4 hata ayıklamasıdır.

Vuruşlarınız hâlâ GA4'e gönderiliyor. Sadece önizleme modunda görüntülenmiyorlar. Bunu düzeltmek için GA Debugger eklentisini kapatmanız gerekecek.

İlgili makaleler