使用 gtag.js/GTM 在网站上设置consent mode（基本模式）

Arya Wang

已于 2024-03-11 11:35:22 修改

阅读量1.7k

点赞数 23

分类专栏： Google 文章标签： javascript 前端开发语言

于 2024-02-26 20:33:29 首次发布

本文链接：https://blog.csdn.net/qq_38865642/article/details/136218542

版权

本文详细介绍了如何在网站上设置GoogleAnalytics的同意模式，包括阻止代码直到用户授权，使用gtag.js和GTM进行操作，并提供步骤验证默认同意设置的有效性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、设置同意模式

使用基本意见征求模式实现时，先阻止 Google 代码加载，直到用户授予同意。

在用户授予同意之前：阻止 Analytics 收集并设置默认同意状态。
用户授予同意后，启用 Google Analytics（分析）收集。

1、代码思路：

在网站中，在加载同意横幅代码之前设置该对象。在数据层中建立同意默认值。这不会触发 google 标签，因为你尚未加载 google 标签库。
添加一个 function 来监视与同意按钮的交互并使用 cookie 保存交互。提示：确保同意横幅中的所有按钮都有标识符。
加载同意横幅。
将同意横幅交互推送到数据层。
当用户同意时加载 google 标签。

2、示例代码如下：

（1）gtag.js

    // default consent mode
    window.dataLayer = window.dataLayer || [];
    function gtag() {
    dataLayer.push(arguments); }
    gtag('consent', 'default', {
   
      'ad_user_data': 'denied',
      'ad_personalization': 'denied',
      'ad_storage': 'denied',
      'analytics_storage': 'denied',
      'wait_for_update': 500,
    });
    gtag('js', new Date());
    gtag('config', 'GID');
  
    document.addEventListener("DOMContentLoaded", function(){
   
        var consentBanner = document.getElementById('cookie-banner');
        var grantButton = document.getElementById(

最低0.47元/天解锁文章