Cookie Google Analytics et facebook en mode custom

Vous avez uniquement un cookie Google Analytics et ne souhaitez pas passer par Google Tag manager pour installer. Nous répondons à toutes vos questions

1. Présentation Vidéo

https://youtu.be/5tG0fJLt3WEyoutu.be

2. Intégration de Google Analytics et facebook en mode custom

B - Localiser Google Analytics et le facebbok pixel dans votre site

Voici le code qui sert à Activer google Analytics

  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
 
  ga('create', 'UA-00000000-1', 'auto');
  ga('send', 'pageview');

Voici le code qui sert à activer le Facebook Pixel

!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
document,'script','https://connect.facebook.net/en_US/fbevents.js');

fbq('init', '159702201342042');
fbq('set','agent','tmgoogletagmanager', '159702201342042');
fbq('track', "PageView");

Il vont être localisés dans le header et nous devrons les supprimer

Nous devons donc supprimer le script en question ou désactiver le code

C - Le déclencher avec Axeptio

Nous allons transformer le script et l'encapsuler dans une fonction qui permet de lancer le script. Tout d'abord pour Google Analytics :

function launchGA(){
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
    ga('create', 'UA-00000000-1', 'auto');
    ga('send', 'pageview');
    }

Puis pour le Facebook Pixel

function launchGoogleAnalytics(){
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
    ga('create', 'UA-00000000-1', 'auto');
    ga('send', 'pageview');
}
    

Puis nous reprenons la fonction qui permet de lancer les scripts présente dans le back office d'Axeptio et nous disposons que si l'utilisateur choisi Sellsy on lance la fonction qui exécute le script Sellsy

void 0 === window._axcb && (window._axcb = []);
window._axcb.push(function(axeptio) {
 axeptio.on("cookies:complete", function(choices) {
   if(choices.facebook_pixel) {
     launchFB();  
   }
   if(choices.google_analytics) {
     launchGoogleAnalytics();
   }
  });
});

Nous ajouterons simplement le script total en dessous du sdk ce qui donnera

<script type="text/javascript">
//Le sdk qui permet de lancer le widget Axeptio et de sauvegarder les acceptations
   var el = document.createElement('script');
      el.setAttribute('src', 'https://static.axept.io/sdk.js');
      el.setAttribute('type', 'text/javascript');
      el.setAttribute('async', true);
      el.setAttribute('data-id', '5da587fd629c0c21f3249270');
      el.setAttribute('data-cookies-version', 'croquorico_VersionProdFR');
  if (document.body !== null) {
    document.body.appendChild(el);
  }

// La fonction qui permet de lancer Google Analytics
function launchGoogleAnalytics(){
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
    ga('create', 'UA-124590402-1', 'auto');
    ga('send', 'pageview');
}

// La fonction qui permet de lancer le Facebook Pixel
function launchFB(){
  !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
  n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
  t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
  document,'script','https://connect.facebook.net/en_US/fbevents.js');

  fbq('init', '1380554325421888');
  fbq('track', "PageView");

}

// La fonction qui relie Axeptio au lancement du cookie le Facebook Pixel et à Google Analytics
    
void 0 === window._axcb && (window._axcb = []);
window._axcb.push(function(axeptio) {
 axeptio.on("cookies:complete", function(choices) {
   if(choices.facebook_pixel) {
     launchFB();  
   }
   if(choices.google_analytics) {
     launchGoogleAnalytics();
   }
  });
});
</script>

Félicitation les cookies Google Analytics et Facebook Pixel ne se déposent que quand l'utilisateur accepte de lancer celui-ci