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

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

Однако эта автоблокировка не работает с официальным плагином VuePress (@ vuepress / plugin-google-analytics). Я предполагаю, что 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
      }]
  ],
  …

google-analytics gdprconsentform vuepress
person Johnny    schedule 24.06.2020    source источник

Ответы (1)


arrow_upward
1
arrow_downward

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

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

Мой пост так похож на метомную рекламу, но все же я хотел бы услышать о других инструментах и ​​подходах. Мне показалось интересным, насколько мало ресурсов 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'*/

  …
person Johnny    schedule 24.06.2020