Код для отключения файлов cookie Google Analytics/Adwords, пока пользователь не подтвердит, что принимает файлы cookie?

Google предлагает, чтобы код был первым в теге head, поэтому мне интересно, не повлияют ли его модификации на его функциональность?

На самом деле не имеет значения, куда вы поместите код. Чем раньше/выше вы его поместите, тем раньше браузер его загрузит, выполнит и отправит просмотр страницы.

Если вы предпочитаете производительность страницы (например, жизненно важные функции веб-ядра) вводящему в заблуждение отслеживанию, вы можете заменить атрибут async атрибутом defer, который заставит GA загружаться позже (например, после того, как ваша страница будет «готова»).

Я предпочитаю отложить GA. Для нас нет смысла измерять количество просмотров страниц, которые возвращаются еще до того, как страница «готова».

Учтите, что если вы используете и GA4, и AW, код будет выглядеть так:

<script async src = "https://www.googletagmanager.com/gtag/js?id=G-XXX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-XXX');
  gtag('config', 'AW-00');
</script>

Вы не включаете его дважды.

Есть документация от Google по Режиму согласия и по Конфиденциальности

Ваш код будет выглядеть так:

<script async src = "https://www.googletagmanager.com/gtag/js?id=G-XXX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('consent', 'default', {
    'ad_storage': 'denied',
    'analytics_storage': 'denied'
  });
  gtag('js', new Date());
  gtag('config', 'G-XXX');
  gtag('config', 'AW-00');
</script>

И вот краткое прохождение:

<script async src = "https://www.googletagmanager.com/gtag/js?id=G-XXX"></script>

Это загружает код отслеживания/библиотеку. После загрузки он переопределит метод dataLayer.push и обработает все записи массива dataLayer (если они есть). Если бы у вас была только эта строка разметки, ничего бы не произошло. Нет файлов cookie, нет отслеживания.

window.dataLayer = window.dataLayer || [];

Это некоторая предосторожность. Мы не можем быть уверены, что код/библиотека отслеживания были загружены и выполнены (и объявлена ​​переменная dataLayer), поэтому мы проверяем, не определен ли dataLayer. Если он не определен, мы инициализируем его как пустой массив.

function gtag(){dataLayer.push(arguments);}

Для упрощения использования и/или брендинга мы оборачиваем вызов метода dataLayer.push() в функцию с именем gtag. Вместо этого вы можете использовать cl22 или timw, это не имеет значения.

gtag('consent', ...

Если бы вы проверили dataLayer сейчас, это выглядело бы так:

[
    [
        "consent",
        "default",
        {
            "ad_storage": "denied",
            "analytics_storage": "denied"
        }
    ]
]

Если бы метод push уже был переопределен GA4, он уже был бы выполнен. В противном случае он будет сидеть и ждать, пока загрузится GA4.

gtag('js', new Date());

Это создает отметку времени.

gtag('config', 'G-XXX');

Это инициализирует отслеживание. В настройках по умолчанию это отправит событие page_view. Здесь GA4 установит свои файлы cookie, но из-за нашего предыдущего «входа» этого не произойдет.

gtag('config', 'AW-00');

Это приведет к инициализации AdWords.