Traduit de l'anglais à l'aide de l'IA
Veuillez noter que cet article a été traduit à l'aide de la technologie IA. Bien que nous travaillions à maintenir l'exactitude, certains détails peuvent ne pas refléter parfaitement le texte original. Si vous avez des doutes sur une information, veuillez vous référer à la version anglaise.
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
| Clé | Valeur | Type de données |
| UGC_ST_Widget Affiché | ID du widget : {widgetID} - {widgetName} | Texte |
Mise en œuvre
Étapes de mise en œuvre
Veuillez vous rendre à la section Comment demander une intégration pour voir les instructions pour activer cette intégration. Vous pouvez ensuite revenir ici une fois terminé.
Si vous avez déjà complété l'étape ci-dessus, continuez ci-dessous.
Connectez-vous à votre compte Stackla et ouvrez l'éditeur de code personnalisé
Ouvrez l'éditeur dans le Inline Tile en utilisant l'onglet Javascript
Si vous n'avez pas déjà le .on('widget:ready' callback défini ici, il vous suffit de copier tout le code ci-dessous et de le coller dans cette section :
Si vous avez déjà défini le .on('widget:ready' callback là-dedans, vous devez uniquement copier la partie Stackla CS Integration qui va du commentaire en haut jusqu'en bas (tout en gardant les commentaires au cas où nous devrions voir quelle version vous utilisez à l'avenir si nous devons apporter des mises à jour)
Ceci est le code
$(document).on('widget:ready', function (e, instance) {
instance
.on('load', function (e, listData) {
/*
*Nom : Intégration Stackla CS
*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]);
//Intégration Stackla CS Fin
});
});
Vérification de son fonctionnement
Vous pouvez utiliser l'extension chrome pour vérifier que les résultats sont envoyés à CS