Configurer Piwik Pro via GTM

👋

Découvrez comment installer Piwik Pro via Google Tag Manager en utilisant le Code HTML

Configuration Piwik Pro

👉🏻

Étapes 1. Récupérer l’id de la propriété piwik pro 2. Créer les dimensions personnalisées 3. Créer les objectifs

⚠️

Attention si vous utilisez le code disponible dans la section Installation vous initialisez également le Tag Manager de Piwik Pro.

⚠️

Piwik Pro n’a pas de scope user, seulement un scope event.

Ajouter le tag Piwik Pro à Google Tag Manager

👉🏻

Étapes 1. Créer un tag Custom HTML de page 2. Ajouter les dimensions personnalisées comme paramètres de pages 3. Créer les tags d’événements.

⚠️

Si vous n’utilisez pas le event value, il faut laisser sa place vide donc conserver le , , dans le script HTML.

javascript
<!-- Piwik -->
<script type="text/javascript">
  var _paq = _paq || [];
  _paq.push(['setCustomDimensionValue', 2, {{DLV - page_category}}]);
  _paq.push(['setCustomDimensionValue', 3, {{DLV - environment_name}}]); 
  _paq.push(["setUserId", {{DLV - user_id}} ]);
  _paq.push(["trackPageView"]);
  _paq.push(["enableLinkTracking"]);
  (function() {
    var u="https://lilycareanalyticsfr.piwik.pro/"; //remplacer par la destination du site Piwik Pro
    _paq.push(["setTrackerUrl", u+"ppms.php"]);
    _paq.push(["setSiteId", "ID PIWIK"]);
    var d=document, g=d.createElement("script"), s=d.getElementsByTagName("script")[0];
    g.type="text/javascript"; g.async=true; g.defer=true; g.src=u+"ppms.js"; s.parentNode.insertBefore(g,s);
  })();
</script>

Exemple de tag HTML de page vue

javascript

_paq.push(["trackEvent", "Event Category", "Event Action", "Event name", Event value,
           {"dimension7": "{{DLV - param1}}" ,
            "dimension8": "{{DLV - param2}}" ,
            "dimension9": "{{DLV - param3}}"
           }
           ]);

Exemple de tag HTML pour l’envoi d’un événement

Ajout des événements Ecommerce

Les événements Ecommerce disponibles nativement sur Piwik Pro sont:

Product Detail View : ecommerceProductDetailView

Add To Cart : ecommerceAddToCart

Cart Update : ecommerceCartUpdate

Remove From Cart : ecommerceRemoveFromCart

Ecommerce Order : ecommerceOrder

☝

Les autres événements seront envoyés en tant qu'événements personnalisés.

Product Detail View

javascript
<!-- Piwik -->
_paq.push([
    "ecommerceProductDetailView",
    [{
        sku: "craft-311",
        name: "Unicorn Iron on Patch",
        category: ["Crafts & Sewing", "Toys"],
        price: "49.90",
        quantity: 3,
        brand: "DMZ",
        variant: "blue",
        customDimensions: {
            1: 'coupon-2020',
            2: '20%'
        }
    }]
]);

Js Piwik Pro Product Detail View

Add To Cart

javascript
<!-- Piwik -->
_paq.push([
    "ecommerceAddToCart",
    [{
        sku: "craft-311",
        name: "Unicorn Iron on Patch",
        category: "Crafts & Sewing",
        price: "49.90",
        quantity: 3,
        brand: "DMZ",
        variant: "blue",
        customDimensions: {
            1: 'coupon-2020',
            2: '20%'
        }
    }]
]);

Js Piwik Pro add to cart

Purchase

javascript
<!-- Piwik -->
<script type="text/javascript">
_paq.push([
    "ecommerceOrder",
    [
        {
	        sku: "craft-311",
	        name: "Unicorn Iron on Patch",
	        category: "Crafts & Sewing",
	        price: "49.90",
	        quantity: 3,
	        brand: "DMZ",
	        variant: "blue",
        }    
    ],
    {
	        orderId: "98876754678",
	        grandTotal: "156.00",
	        tax: "30.00",
	        shipping: "3.54" 
    }
]);
</script>

Js Piwik Pro purchase

En savoir plus

✍️

Auteur

Oussama Chafi

Ingénieur de formation de l’Institut National de Statistique et d'Economie, Oussama se charge de l’implémentation technique et les requêtes BigQuery.

→ Suivez-moi sur Linkedin

Suivez Starfox Analytics sur Linkedin Un besoin, une question ? Notre équipe vous répondra au plus vite. → Suivez Starfox sur Linkedin

☝

Suggérer une amélioration

Quelque chose n’est pas clair, vous souhaitez contribuer à la base de connaissance ou simplement, suggérez des améliorations ? Contactez [email protected].

Autres ressources

📖

Documentations

Configurer Piwik Pro via GTM

Suivi des campagnes média dans Piwik PRO via UTMs

API

The following API allows the user to: track page views, track visits on multiple domains and subdomains, track e-commerce events (successful orders, cart changes, product and category views), track...

https://developers.piwik.pro/en/latest/data_collection/web/javascript_tracking_client/api.html#e-commerce-v2