Как я могу добавить Google Analytics на свой сайт VuePress в соответствии с GDPR?

Question

Мой сайт создан с помощью VuePress, и теперь я хочу добавить Google Analytics. Однако с GDPR я должен спрашивать у посетителя моего веб-сайта согласие перед его использованием. Для других веб-сайтов, не относящихся к vuepress, я использую диалог cookie metomic.io, чтобы автоматически блокировать все скрипты на моем веб-сайте до тех пор, пока не будет дано согласие. Обычно это препятствует запуску Google Analytics, если он добавлен через gtag.js или gtm.

Однако эта автоблокировка не работает с официальным плагином VuePress (https://vuepress.vuejs.org/plugin/official/plugin-google-analytics.html). Я предполагаю, что vuepress создает плагины перед пользовательскими скриптами, хотя я заказал их, как показано ниже.

Есть ли способ остановить работу Google Analytics во Vuepress до получения согласия GDPR?

/* .vuepress/config.js */
…
module.exports = {
  …
  head: [
      ['script', {
          src: 'https://config.metomic.io/config.js?id=prj:xxxxxxx-xxxx-xxxx-xxxx-xxxxxxxx‘, 
          crossorigin: 'anonymous',
          charset: 'utf-8'
      }],
      ['script', {
          src: 'https://consent-manager.metomic.io/embed.js', 
          crossorigin: 'anonymous',
          charset: 'utf-8'
      }],
      …
  ],

  plugins: [
      ['@vuepress/plugin-google-analytics', {
          'ga': '' // UA-XXXXXXXXX-X
      }]
  ],
  …

Answer 1

Наконец, сработало удаление @vuepress/plugin-google-analytics и ручное добавление скрипта gtag.js в config.js / module.exports / head. На моей панели аналитики трафик не отображается до тех пор, пока я не дам согласие.

Просто убедитесь, что скрипты metomic.io добавлены до того, как Google и автоблокировка включена на панели инструментов metomic / autoblocking.

Мой пост так похож на метомную рекламу, но я все же хотел бы услышать о других инструментах и ​​подходах. Мне показалось интересным, насколько мало ресурсов Google предоставляет по GDPR по сравнению с другими темами.

/* .vuepress/config.js */
…
module.exports = {
  …
  head: [
      ['script', {
          src: 'https://config.metomic.io/config.js?id=prj:xxxxxxx-xxxx-xxxx-xxxx-xxxxxxxx‘, 
          crossorigin: 'anonymous',
          charset: 'utf-8'
      }],
      ['script', {
          src: 'https://consent-manager.metomic.io/embed.js', 
          crossorigin: 'anonymous',
          charset: 'utf-8'
      }],
      ['script', {
          async: true,
          src: 'https://www.googletagmanager.com/gtag/js?id=UA-XXXXXXXXX-X'
      }],
      ['script', {}, `
          window.dataLayer = window.dataLayer || [];
          function gtag(){dataLayer.push(arguments);}
          gtag('js', new Date());
      
          gtag('config', 'UA-XXXXXXXXX-X');
      `],
      …
  ],

  /* removed @vuepress/plugin-google-analytics'*/

  …