vue-datalayer

0.1.3 • Public • Published

Vue-Datalayer

for Vue and Nuxt.js with TS

###vue-datalayer is a plugin for direct use, its functionality is based on the need to implement clicks and mouseOver observers for traffic management for marketing.

  • install:

    • yarn add vue-datalayer
    • npm i vue-datalayer
  • Use with vue3^:

    import { createApp } from "vue";
    import App from "./App.vue";
    const app = createApp(App)
    
    import vueDatalayer from 'vue-datalayer'
          
    app.directive('datalayer', vueDatalayer)
  • Use with nuxt3^:

    import { defineNuxtPlugin } from "#app";
    import vueDatalayer from 'vue-datalayer';
        
    export default defineNuxtPlugin((nuxtApp) => {
      nuxtApp.vueApp.directive("datalayer", vueDatalayer);
    });
  • On component:

    <button
      id="cancelProduct"
      v-datalayer="{ click: true, hover: true }"
    >
      Cancel Product
    </button>
  • All trafic is saved on global var 'window.datalayer'.

  • For visualization in browser devTools check:

    console.log(window.datalayer)

Package Sidebar

Install

npm i vue-datalayer

Weekly Downloads

0

Version

0.1.3

License

MIT

Unpacked Size

4.66 kB

Total Files

8

Last publish

Collaborators

  • seltonjeff