Ошибка в GoogleTagManager с NextJS — необнаружено (в обещании). TypeError: не удалось выполнить getValue для CookieDeprecationLabel: незаконный вызов

Я впервые интегрирую GoogleTagManager в свой веб-сайт Портфолио для Google Analytics. Я использую NextJS для этого проекта. Но когда я развертываю его или запускаю локально, я получаю следующую ошибку.

js?id=G-WTK6KTMQ7Z:360 Uncaught (in promise) TypeError: Failed to execute 'getValue' on 'CookieDeprecationLabel': Illegal invocation
    at nl (js?id=G-WTK6KTMQ7Z:360:331)
    at js?id=G-WTK6KTMQ7Z:758:6
    at c (js?id=G-WTK6KTMQ7Z:755:130)
    at js?id=G-WTK6KTMQ7Z:757:382
    at js?id=G-WTK6KTMQ7Z:757:387
    at js?id=G-WTK6KTMQ7Z:768:3

Похоже, это проблема со сценарием GoogleTagManager, предоставленным Google Analytics. Это мой layout.tsx файл, содержащий скрипт.

import Script from "next/script";
/* other imports */

const jetbrainsMono = JetBrains_Mono({/* options */});

export const metadata: Metadata = {/* metadata */};

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang = "en">
      <head>
      <Script id = "google-analytics" src = "https://www.googletagmanager.com/gtag/js?id=G-WTK6KTMQ7Z" strategy = "beforeInteractive"></Script>
      <Script id = "google-analytics" strategy = "beforeInteractive">
        {`
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'G-WTK6KTMQ7Z');
      `}</Script>
      </head>
      <body className = {jetbrainsMono.variable}>
        <Header/>
        <StairTransition/>
        <PageTrainsition>
          {children}
        </PageTrainsition>
        <Toaster/>
      </body>
    </html>
  );
}

Кажется, ошибка исходит отсюда.

Я попробовал отключить блокировщики рекламы в расширениях Chrome. Но это не помогло.

next.js typeerror google-tag-manager console.log

01.08.2024 13:27

Стоит ли изучать PHP в 2023-2024 годах?

Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest

В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Пользовательский скаляр GraphQL

Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...

403

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Смотрите этот пост: ga4 gtag.js начал показывать ошибку в Chrome

Похоже, проблема связана с тем, как GTM взаимодействует с функциями песочницы Chrome для обеспечения конфиденциальности. Я тестировал ваш веб-сайт и могу воспроизвести проблему, когда я включил опцию тестирования поэтапного отказа от файлов cookie 3P в своем Chrome, но проблема не возникла, когда я отключил тестирование.

Об этой проблеме уже сообщили в Google, так что, возможно, давайте просто подождем немного и посмотрим, собирается ли команда ее исправить.

Да, ошибка не исчезла, когда я отключил Third-party Cookie Phase Out Facilitated Testing из chrome://flags/. Спасибо.

— 07.08.2024 04:03

06.08.2024 04:02