Catégorie : Contenu généré par les utilisateurs
Cette intégration est uniquement disponible pour les projets web.
À quoi s'attendre
Cette intégration vous permettra de définir les pages et les utilisateurs qui ont été exposés au widget Stackla.
Ce que nous collectons
Variables dynamiques
| Key | Value | Type de données |
| UGC_ST_Widget Displayed | Widget ID : {widgetID} - {widgetName} | Texte |
Implémentation
Étapes d'implémentation
Consultez notre article "Demander une intégration" et suivez ses instructions pour activer cette intégration. Une fois cela fait, vous pourrez reprendre votre lecture de cet article.
Si vous avez déjà complété l'étape ci-dessus, poursuivez.
Connectez-vous à votre compte Stackla et ouvrez l'éditeur de code personnalisé :
Ouvrez l'éditeur en mode "inline tile" à l'aide de l'onglet JavaScript.
Si vous n'avez pas déjà le callback .on('widget:ready' défini dedans, alors copiez simplement tout le code ci-dessous et collez-le dans cette section :
Si le callback .on('widget:ready' est déjà défini en revanche, vous ne devrez copier que la partie "Stackla CS Integration" encadrée ci-dessous, qui va du commentaire en haut jusqu'en bas (tout en conservant les commentaires au cas où nous aurions besoin de voir quelle version vous exécuter dans le futur pour apporter des mises à jour ou modifications).
Voici le code :
$(document).on('widget:ready', function (e, instance) {
instance
.on('load', function (e, listData) {
/*
*Name: Stackla CS Integration
*Version: 1.1
*/
var topDom = (function () {
var i = 0,
domain = document.domain,
p = domain.split("."),
s = "_cs_tld" + (new Date()).getTime();
while (i < (p.length - 1) && document.cookie.indexOf(s + "=" + s) == -1) {
domain = p.slice(-1 - (++i)).join(".");
document.cookie = s + "=" + s + ";domain=" + domain + ";SameSite=None;Secure";
}
document.cookie = s + "=;expires=Thu, 01 Jan 1970 00:00:01 GMT;domain=" + domain + ";";
return domain;
})();
function readCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(";");
for (var i = 0; i < ca.length; i++) {
var c = ca[i];
while (c.charAt(0) == " ") c = c.substring(1, c.length);
if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);
}
return "";
}
var receiveMessage = function (f) {
if (f && f.data && f.data.message && f.data.message === "Contentsquare_Stackla_Integration_Launch" && f.data.user_values) {
window.removeEventListener("message", receiveMessage, true);
var getCookieValues = f.data.user_values;
if (getCookieValues) {
var splitCookieValues = getCookieValues.split("|");
var ct_uid = splitCookieValues[0];
var _cs_id = splitCookieValues[1];
var _cs_s = splitCookieValues[2];
var _cs_c = splitCookieValues[3];
var _cs_optout = splitCookieValues[4];
if (_cs_id && _cs_s && _cs_c) {
if (ct_uid) {
document.cookie = "WRUID=" + ct_uid + ";domain=" + topDom + ";path=/;SameSite=None;Secure";
}
document.cookie = "_cs_id=" + _cs_id + ";domain=" + topDom + ";path=/;SameSite=None;Secure";
document.cookie = "_cs_s=" + _cs_s + ";domain=" + topDom + ";path=/;SameSite=None;Secure";
document.cookie = "_cs_c=" + _cs_c + ";domain=" + topDom + ";path=/;SameSite=None;Secure";
if (_cs_optout) {
document.cookie = "_cs_optout=" + _cs_optout + ";domain=" + topDom + ";path=/;SameSite=None;Secure";
} else {
document.cookie = "_cs_optout=;domain=" + topDom + ";path=/;expires=Thu, 01-Jan-1970 00:00:01 GMT;SameSite=None;Secure";
document.cookie = "_cs_optout=;domain=." + document.location.host + ";path=/;expires=Thu, 01-Jan-1970 00:00:01 GMT;SameSite=None;Secure";
}
var partition = "";
var guid = "";
var tag_id = "";
var src = "";
if (f.data.partition) {
partition = f.data.partition;
guid = f.data.guid;
src = "https://cdnssl.clicktale.net/" + partition + "/ptc/" + guid + ".js"
} else if (f.data.tag_id) {
tag_id = f.data.tag_id;
src = "https://t.contentsquare.net/uxa/" + tag_id + ".js"
}
if (src) {
var mt = document.createElement("script");
mt.type = "text/javascript";
mt.async = true;
mt.src = src;
document.getElementsByTagName("head")[0].appendChild(mt);
if (e && e.target && e.target.widget_id && e.target.widgetConfig && e.target.widgetConfig.name) {
var widgetName = e.target.widgetConfig.name;
var widgetID = e.target.widget_id;
var pass_dvar_data = {
"message": "Contentsquare_Stackla_SendDvar",
"widget_name": widgetName,
"widget_id": widgetID
};
window.top.postMessage(pass_dvar_data, document.referrer);
}
}
}
}
}
};
window.addEventListener("message", receiveMessage, true);
var pass_ready_data = {
'message': 'Contentsquare_Stackla_Integration_Ready'
};
window.top.postMessage(pass_ready_data, document.referrer);
function callback() {
if (!disableCallback) {
disableCallback = true;
var pass_pv_data = {
"message": "Contentsquare_Stackla_Pageview",
"pv_value": readCookie("_cs_s")
};
window.top.postMessage(pass_pv_data, document.referrer);
}
}
var disableCallback = false;
window._uxa = window._uxa || [];
_uxa.push(["afterPageView", callback]);
//Stackla CS Integration End
});
});
Vérifier que ça fonctionne
Vous pouvez utiliser l'extension Chrome pour vérifier que les résultats sont bien envoyés à Contentsquare.