Vous avez la possibilité d'intégrer les stories JOIN dans vos A/B test sur l'outil AB Tasty.
Comment procéder ?
⚠️ Il ne faut pas injecter la balise script directement dans AB Tasty.
Récupérer le script ci-dessous tout en remplaçant les champs suivants :
ALIAS_TO_REPLACE : à remplacer par l’alias des widgets bulles et cards concernés.
Vous pouvez retrouver l'alias du widget dans l'onglet integration de votre widget, comme ci-dessous:
NOM_DE_DOMAINE_TO_REPLACE : à remplacer par votre nom de domaine (soit le nom de votre workspace). Vous pouvez le retrouver dans le code d'un widget comme montré ci-dessous ⬇️
DIV_ID_TO_REPLACE : à remplacer par l’ID de la div où vous souhaitez injecter le widget.
Code pour un widget classique
const domainName = "MY_DOMAIN_NAME";
const alias = "MY_ALIAS";
const divId = "MY_DIV_ID";
const loadWidget = (alias) => {
const script = document.createElement("script");
script.src = `https://${domainName}/widgets/${alias}/index.js`;
script.setAttribute("data-join-widget-id", divId);
script.setAttribute("data-join-widget-alias", alias);
script.setAttribute("type", "text/javascript");
const div = document.getElementById(divId);
if (div) {
div.appendChild(script);
}
}
loadWidget(alias);
Code pour un widget Product Page
Pour la compréhension du fonctionnement du widget Product Page, veuillez vous référer à la documentation sur ce lien
const productId = "MY_PRODUCT_ID";
const alias = "MY_ALIAS";
const domainName = "MY_DOMAIN_NAME";
let DIV_ID = "MY_DIV_ID"; // the divId you want to put stories in
const loadWidget = () => {
const baseUrl = `https://${domainName}/widgets/` + alias;
const script = document.createElement("script");
script.setAttribute('src', baseUrl + "/" + productId + ".js");
script.setAttribute('type', 'text/javascript');
script.setAttribute("data-join-widget-id", DIV_ID);
script.setAttribute("data-join-widget-alias", alias);
script.onerror = () => {
script.remove();
const fallback = document.createElement("script");
fallback.setAttribute('src', baseUrl + "/index.js");
fallback.setAttribute('type', 'text/javascript');
fallback.setAttribute("data-join-widget-id", DIV_ID);
fallback.setAttribute("data-join-widget-alias", alias);
document.head.appendChild(fallback);
};
document.querySelector('head').appendChild(script);
}
loadWidget();
Vous êtes prêts à lancer votre A/B Test avec AB Tasty 😊