كيف استخدم محللات غوغل مع vuejs

مرحباً تميم،
سابقاً كان يتم استعمال مكتبة تدعى vue-analytics ولكن للأسف تم التوقف عن دعمها منذ فترة قصيرة والسبب في ذلك بأن google قد انتقلت إلى إعتمادية جديدة اسمها gtag.js ولحسن الحظ تم تطوير مكتبة جديدة لمواكبة هذا التحديث.
يمكنك الآن استعمال vue-gtag وهي عبارة عن إطار عمل يسمح لك بإرسال بيانات الأحداث إلى Google Analytics وإعلانات Google ومنصة Google للتسويق.

يتم تضمين google analytics ضمن تطبيق Vue Js كالتالي:
أولاً لتحميل المكتبة نقوم بتنفيذ الأمر التالي:
 

npm add vue-gtag

ثم يمكنك تضمنيها ضمن تطبيقك كالتالي:
 

import Vue from "vue";
import App from "./App.vue";
import VueGtag from "vue-gtag";

Vue.use(VueGtag, {
  config: { id: "UA-1234567-1" }
});

new Vue({
  render: h => h(App)
}).$mount("#app");

حيث id هو رقم المعرّف الذي ستحصل عليه من حسابك على Google Analytics.
ثم يمكنك الآن إرسال (أحداث) وتتبع حركة المستخدم عن طريق التالي:
 

export default {
  name: 'MyComponent',

  methods: {
    login () {
      this.$gtag.event('login', { method: 'Google' })
    }
  }
}

وهذا مثال بسيط عن إمكانية إرسال حدث أثناء تسجيل المستخدم للدخول إلى موقعك.
يمكنك أيضاً الإطلاع على كافة التفاصيل والأحداث الموجودة والتي يمكنك تطبيقها على الموقع الرسمي لهذه المكتبة.
أتمنى لك التوفيق.