Piwik PRO Audiences - Kameleoon Documentation

Piwik PRO Audiences met a disposition les segments disponibles dans votre DMP via une REST API. Dans votre compte Kameleoon, cliquez sur Admin > Projects, puis cliquez sur Edit sur la ligne de votre projet.

Global custom script

Pour inserer le global custom script :

Cliquez sur l’onglet Scripts, puis cliquez sur Edit a cote de Global custom script.

L’insert Global custom script relie Kameleoon a Matomo. Kameleoon execute tout code JavaScript que vous ajoutez dans cet insert chaque fois que la page se charge. Utilisez cette fonctionnalite pour ajouter du code de suivi complexe ou une integration a d’autres solutions.

The Scripts tab with the Global custom script and Variation selection script editors

Copiez et collez le code ci-dessous dans l’editeur Global custom script :

const getPiwikProSegments = (visitorID) => {
        const clientID = 'Replace this with your client_id from generated credentials';
        const websiteID = 'Replace this with your project_id';
        const xhr = new XMLHttpRequest();
        xhr.onload = function run() {
            if (this.status === 200) {
                Kameleoon.API.Data.setCustomData(
                    'Piwik PRO segments',
                    JSON.parse(xhr.response)
                );
            }
        };
        xhr.open('GET', https://customers.kameleoon.com/kameleoon/piwik/user/${visitorID}?id=${clientID}&website_id=${websiteID}, true);
        xhr.send();
    };

    Kameleoon.API.Core.runWhenConditionTrue(() => typeof _paq !== 'undefined', () => {
        _paq.push([function init() {
            getPiwikProSegments(this.getVisitorId());
        }]);
    });

Cliquez sur Save changes pour appliquer les changements a votre configuration.

Custom data

Vous devez ensuite creer une nouvelle custom data. Vous aurez besoin de :

votre client_id et client_secret pour generer le Bearer Token (obtenir les credentials).
votre website_id.

Utilisez la methode de recuperation Kameleoon Activation API. Placez ce code dans la section Save the values for the targeting condition associated with the custom data point de la custom data (n’oubliez pas d’ajouter vos client_id et website_id).

  let segmentPW = [];
     const clientID = 'Replace this with your client_id from generated credentials';
     const websiteID = 'Replace this with you website_id';
 

     const xhr = new XMLHttpRequest();
     xhr.onreadystatechange = function check() {
         if (this.readyState === 4) segmentPW = JSON.parse(xhr.response);
     };
     xhr.open('GET', [https://customers.kameleoon.com/kameleoon/piwik/segments/?id=${clientID}&website_id=${websiteID}](https://customers.kameleoon.com/kameleoon/piwik/segments/?id=$%7BclientID%7D&website_id=$%7BwebsiteID%7D), false);
     xhr.send();
     return segmentPW; 

Ce code appelle un Webservice Kameleoon (https://customers.kameleoon.com/kameleoon/piwik/), qui utilise l’API Piwik PRO pour obtenir tous les segments. Cet appel est necessaire pour contourner les problemes liees a la politique CORS. Definissez la custom data sur les types list of et strings, avec Page comme scope.

Synchronisation de segments externes cote serveur

Si vous souhaitez utiliser les donnees de segments Matomo avec l’un des SDK de Kameleoon, vous devrez suivre les directives fournies dans la documentation de chaque SDK et utiliser la methode getRemoteData().

Intégrations

​Global custom script

​Custom data

​Synchronisation de segments externes cote serveur

Global custom script

Custom data

Synchronisation de segments externes cote serveur