Merge pull request AmazingDreams#111 from AdamSGit/feature/crossorigin

[feature/crossorigin] Add crossorigin attribute support

Author: AmazingDreams

README.md

@@ -123,7 +123,11 @@ Vue.use(VueMatomo, {
   //    return null
   //   }
   // }
-  trackSiteSearch: false
+  trackSiteSearch: false,
+
+  // Set this to include crossorigin attribute on the matomo script import
+  // Default: undefined, possible values : 'anonymous', 'use-credentials'
+  crossOrigin: undefined,
 });
 
 // Now you can access piwik api in components through

src/index.js

@@ -16,7 +16,8 @@ const defaultOptions = {
   userId: undefined,
   cookieDomain: undefined,
   domains: undefined,
-  preInitActions: []
+  preInitActions: [],
+  crossOrigin: undefined
 }
 
 export const matomoKey = 'Matomo'
@@ -180,7 +181,7 @@ export default function install (Vue, setupOptions = {}) {
 
   options.preInitActions.forEach((action) => window._paq.push(action))
 
-  loadScript(trackerScript)
+  loadScript(trackerScript, options.crossOrigin)
     .then(() => piwikExists())
     .then(() => initMatomo(Vue, options))
     .catch((error) => {

src/utils.js

@@ -2,13 +2,17 @@ export function getMatomo () {
   return window.Piwik.getAsyncTracker()
 }
 
-export function loadScript (trackerScript) {
+export function loadScript (trackerScript, crossOrigin = undefined) {
   return new Promise((resolve, reject) => {
     const script = document.createElement('script')
     script.async = true
     script.defer = true
     script.src = trackerScript
 
+    if (crossOrigin && ['anonymous', 'use-credentials'].includes(crossOrigin)) {
+      script.crossOrigin = crossOrigin
+    }
+
     const head = document.head || document.getElementsByTagName('head')[0]
     head.appendChild(script)