Para rastrear os disparos de eventos em sua Landing Page com maior precisão e eficácia, siga os passos a seguir para inserir o script da Yever.
PS: Este tutorial é somente para Landing Pages externas da shopify, como Wordpress.
Segue abaixo um passo a passo para realizar a integração:
Etapa 1: Inserindo o script
Encontre a sessão <head> em sua página HTML.
Indicamos colar uma linha antes do </head>
Inserir Script abaixo:
<script type="text/javascript" id="yeverScript">
window.onload = function () {
document
.querySelectorAll(".yever-checkout,#yever-checkout")
.forEach(function (element) {
element.setAttribute(
"href",
getUrlWithUtmsYever(element.getAttribute("href"))
);
});
};
var hasUrlSupport =
"undefined" !== typeof URL && "undefined" !== typeof URLSearchParams;
if (hasUrlSupport) {
var utmTermsYever = [
"utm_source",
"utm_campaign",
"utm_term",
"utm_medium",
"utm_content",
"utm_pixel",
"utm_yever",
"gclid",
"fbclid",
];
var currentUrlYever = new URL(window.location.href);
var urlParamsYever = currentUrlYever.searchParams;
utmTermsYever.forEach(function (utmTerm) {
if (urlParamsYever.has(utmTerm)) {
setUtmUrlYever(utmTerm, urlParamsYever.get(utmTerm));
}
});
}
function getUrlWithUtmsYever(url) {
if (!hasUrlSupport || !url) {
return url;
}
var currentUrl = new URL(url);
var cookiesUtms = getUtmsUrlYever();
cookiesUtms.forEach(function (value, key) {
currentUrl.searchParams.set(key, value);
});
var cookiesTrackingYever = ["_ga", "_fbp", "_fbc"];
cookiesTrackingYever.forEach(function (cookieTracking) {
var getCookieTracking = getUtmCookieYever(cookieTracking);
if (getCookieTracking) {
currentUrl.searchParams.set(cookieTracking, getCookieTracking);
}
});
return currentUrl.href;
}
function setUtmUrlYever(term, value) {
var params = getUtmsUrlYever();
params.set(term, value);
setUtmCookieYever("yeverUtmsTrack", params.toString());
}
function getUtmsUrlYever() {
var currentUtms = getUtmCookieYever("yeverUtmsTrack");
if (currentUtms) {
return new URLSearchParams(currentUtms);
}
return new URLSearchParams();
}
function setUtmCookieYever(name, value) {
var date = new Date();
date.setTime(date.getTime() + 2592000000);
var domain = window.location.host.replace("www.", "");
document.cookie =
name +
"=" +
(value || "") +
";expires=" +
date.toUTCString() +
";path=/;SameSite=Lax;domain=" +
domain +
";";
}
function getUtmCookieYever(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 null;
}
</script>
Etapa 2: Configuração do CTA
Localize o CTA (botão de ação de envio para o checkout) onde a URL de checkout da Yever foi inserida.
Adicione a classe: yever-checkout
Zoom:
Observação: Você também pode adicionar um ID em vez da classe. A classe é preferível quando há múltiplos botões, pois o id deve ser único.
Para ID: id="yever.checkout" href="https://seguro...
Pronto! Toda configuração foi realizada com sucesso.
Aprenda a fazer demais configurações: