Untitled
unknown
plain_text
3 years ago
27 kB
6
Indexable
<script>
(function () {
try {
/* main variables */
var debug = 0;
var variation_name = '';
var langData = {
FR: {
copyPlace: 'Votre réponse...',
copy1: "Qu'est-ce qui vous a poussé à acheter Barber DTS ?",
copy2: "Avez-vous pensé à d'autres marques avant d'acheter sur notre site ? Si oui, quelles marques ?",
copy3: "Qu'est-ce qui vous a presque empêché d'acheter sur notre site ?",
copy4: "Vous cherchiez une information que vous n'avez pas trouvée sur notre site ?",
copy5: 'Recommanderiez-vous notre site à vos proches ?',
copy6: 'Merci pour votre participation',
copy7: 'Précédent',
copy8: 'Suivant',
copy9: 'Terminer',
},
UK: {
copyPlace: 'Your answer...',
copy1: 'What made you buy Barber DTS?',
copy2: 'Have you considered other brands before buying on our site? If so, which brands?',
copy3: 'What almost stopped you buying from our site?',
copy4: 'Were you looking for information that you did not find on our site?',
copy5: 'Would you recommend our site to your loved ones?',
copy6: 'Thank you for your participation',
copy7: 'Previous',
copy8: 'Next',
copy9: 'Finish',
},
DE: {
copyPlace: 'Deine Antwort...',
copy1: 'Warum hast du Barber DTS gekauft?',
copy2: 'Haben Sie vor dem Kauf auf unserer Seite andere Marken in Betracht gezogen? Wenn ja, welche Marken?',
copy3: 'Was hätte Sie fast davon abgehalten, auf unserer Seite zu kaufen?',
copy4: 'Haben Sie nach Informationen gesucht, die Sie auf unserer Seite nicht gefunden haben?',
copy5: 'Würden Sie unsere Seite Ihren Liebsten weiterempfehlen?',
copy6: 'Vielen Dank für Ihre Teilnahme',
copy7: 'Zurück',
copy8: 'Weiter',
copy9: 'Fertig stellen',
},
NL: {
copyPlace: 'Uw antwoord...',
copy1: 'Waarom heb je Barber DTS gekocht?',
copy2: 'Heeft u andere merken overwogen voordat u op onze site koopt? Zo ja, welke merken?',
copy3: 'Wat weerhield u er bijna van om op onze site te kopen?',
copy4: 'Was je op zoek naar informatie die je niet op onze site hebt gevonden?',
copy5: 'Zou u onze site aanbevelen aan uw dierbaren?',
copy6: 'Bedankt voor uw deelname',
copy7: 'Vorige',
copy8: 'Volgende',
copy9: 'Voltooien',
},
ES: {
copyPlace: 'Tu respuesta...',
copy1: '¿Qué te hizo comprar Barber DTS?',
copy2: '¿Ha considerado otras marcas antes de comprar en nuestro sitio? Si es así, ¿cuáles?',
copy3: '¿Qué es lo que casi te impide comprar en nuestro sitio?',
copy4: '¿Estabas buscando información que no encontraste en nuestro sitio?',
copy5: '¿Recomendarías nuestro sitio a tus seres queridos?',
copy6: 'Gracias por su participación',
copy7: 'Anterior',
copy8: 'Siguiente',
copy9: 'Finalizar',
},
IT: {
copyPlace: 'La tua risposta...',
copy1: 'Cosa ti ha fatto comprare Barber DTS?',
copy2: 'Hai preso in considerazione altri marchi prima di acquistare sul nostro sito? Se sì, quali marchi?',
copy3: 'Cosa ti ha quasi impedito di acquistare dal nostro sito?',
copy4: 'Stavi cercando informazioni che non hai trovato sul nostro sito?',
copy5: 'Raccomanderesti il nostro sito ai tuoi cari?',
copy6: 'Grazie per la tua partecipazione',
copy7: 'Precedente',
copy8: 'Avanti',
copy9: 'Fine',
},
EU: {
copyPlace: 'Your answer...',
copy1: 'What made you buy Barber DTS?',
copy2: 'Have you considered other brands before buying on our site? If so, which brands?',
copy3: 'What almost stopped you from buying from our site?',
copy4: 'Were you looking for information that you did not find on our site?',
copy5: 'Would you recommend our site to your loved ones?',
copy6: 'We thank you for your participation',
copy7: 'Previous',
copy8: 'Next',
copy9: 'Finish',
},
IE: {
copyPlace: 'Your answer...',
copy1: 'What made you buy Barber DTS?',
copy2: 'Have you considered other brands before buying on our site? If so, which brands?',
copy3: 'What almost prevented you from buying from our site?',
copy4: 'Were you looking for information that you did not find on our site?',
copy5: 'Would you recommend our site to your loved ones?',
copy6: 'We thank you for your participation',
copy7: 'Previous',
copy8: 'Next',
copy9: 'Finish',
},
PL: {
copyPlace: 'Twoja odpowiedź...',
copy1: 'Co sprawiło, że kupiłeś Barber DTS?',
copy2: 'Czy brałeś pod uwagę inne marki przed zakupem na naszej stronie? Jeśli tak, jakie marki?',
copy3: 'Co prawie powstrzymało Cię przed zakupem na naszej stronie?',
copy4: 'Szukałeś informacji, których nie znalazłeś na naszej stronie?',
copy5: 'Czy poleciłbyś naszą stronę swoim bliskim?',
copy6: 'Dziękuję za udział',
copy7: 'Poprzedni',
copy8: 'Dalej',
copy9: 'Zakończ',
},
NO: {
copyPlace: 'Your answer...',
copy1: 'What made you buy Barber DTS?',
copy2: 'Have you considered other brands before buying on our site? If so, which brands?',
copy3: 'What almost prevented you from buying from our site?',
copy4: 'Were you looking for information that you did not find on our site?',
copy5: 'Would you recommend our site to your loved ones?',
copy6: 'We thank you for your participation',
copy7: 'Previous',
copy8: 'Next',
copy9: 'Finish',
},
DK: {
copyPlace: 'Your answer...',
copy1: 'What made you buy Barber DTS?',
copy2: 'Have you considered other brands before buying on our site? If so, which brands?',
copy3: 'What almost prevented you from buying from our site?',
copy4: 'Were you looking for information that you did not find on our site?',
copy5: 'Would you recommend our site to your loved ones?',
copy6: 'We thank you for your participation',
copy7: 'Previous',
copy8: 'Next',
copy9: 'Finish',
},
SE: {
copyPlace: 'Ditt svar...',
copy1: 'Vad fick dig att köpa Barber DTS?',
copy2: 'Har du övervägt andra märken innan du köpte på vår sida? I så fall, vilka märken?',
copy3: 'Vad hindrade dig nästan från att köpa från vår sida?',
copy4: 'Lökade du efter information som du inte hittade på vår sida?',
copy5: 'Skulle du rekommendera vår sida till dina nära och kära?',
copy6: 'Tack för ditt deltagande',
copy7: 'Föregående',
copy8: 'Nästa',
copy9: 'Slutför',
},
};
/* all Pure helper functions */
var waitForElement = function (selector, trigger, delayInterval, delayTimeout) {
var interval = setInterval(function () {
if (document && document.querySelector(selector) && document.querySelectorAll(selector).length > 0) {
clearInterval(interval);
trigger();
}
}, delayInterval);
setTimeout(function () {
clearInterval(interval);
}, delayTimeout);
};
var live = function (selector, event, callback, context) {
// helper for enabling IE 8 event bindings
function addEvent(el, type, handler) {
if (el.attachEvent) el.attachEvent('on' + type, handler);
else el.addEventListener(type, handler);
}
// matches polyfill
this &&
this.Element &&
(function (ElementPrototype) {
ElementPrototype.matches =
ElementPrototype.matches ||
ElementPrototype.matchesSelector ||
ElementPrototype.webkitMatchesSelector ||
ElementPrototype.msMatchesSelector ||
function (selector) {
var node = this,
nodes = (node.parentNode || node.document).querySelectorAll(selector),
i = -1;
while (nodes[++i] && nodes[i] != node);
return !!nodes[i];
};
})(Element.prototype);
// live binding helper using matchesSelector
function live(selector, event, callback, context) {
addEvent(context || document, event, function (e) {
var found,
el = e.target || e.srcElement;
while (el && el.matches && el !== context && !(found = el.matches(selector))) el = el.parentElement;
if (found) callback.call(el, e);
});
}
live(selector, event, callback, context);
};
var getCookie = function (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;
};
var setCookie = function (name, value, days) {
var expires = '';
if (days) {
var date = new Date();
date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);
expires = '; expires=' + date.toUTCString();
}
document.cookie = name + '=' + (value || '') + expires + '; path=/';
};
var formPopup =
'' +
' <div class="eg-form-popup">' +
' <div class="eg-form-popup-inr">' +
' <div class="eg-form-container">' +
' <span class="eg-form-close">×</span>' +
' <form method="POST" class="edb-survey gf" id="edb-survey" data-step="1">' +
' <div id="step1" class="fg" data-section="1"><label class="fl">Qu\'est-ce qui vous a poussé à acheter sur Barber DTS ?</label><textarea type="text" name="motivation" placeholder="Votre réponse..." rows="4" class="fc"></textarea></div>' +
' <div id="step2" class="fg" data-section="2"><label class="fl">Avez-vous considéré d\'autres enseignes avant d\'acheter sur notre site ? Si oui, quelles enseignes ?</label><textarea type="text" name="competition" placeholder="Votre réponse..." rows="4" class="fc"></textarea></div>' +
' <div id="step3" class="fg" data-section="3"><label class="fl">Qu\'est-ce qui a failli vous empêcher d\'acheter sur notre site ?</label><textarea type="text" name="objection" placeholder="Votre réponse..." rows="4" class="fc"></textarea></div>' +
' <div id="step4" class="fg" data-section="4"><label class="fl">Recherchiez-vous des informations que vous n\'avez pas trouvé sur notre site ?</label><textarea type="text" name="product" placeholder="Votre réponse..." rows="4" class="fc"></textarea></div>' +
' <div id="step5" class="fg" data-section="5"><label class="fl">Recommanderiez-vous notre site à vos proches ?</label><label class="flradio"><input type="radio" name="nps" value="1">1</label><label class="flradio"><input type="radio" name="nps" value="2">2</label><label class="flradio"><input type="radio" name="nps" value="3">3</label><label class="flradio"><input type="radio" name="nps" value="4">4</label><label class="flradio"><input type="radio" name="nps" value="5">5</label><label class="flradio"><input type="radio" name="nps" value="6">6</label><label class="flradio"><input type="radio" name="nps" value="7">7</label><label class="flradio"><input type="radio" name="nps" value="8">8</label><label class="flradio"><input type="radio" name="nps" value="9">9</label><label class="flradio"><input type="radio" name="nps" value="10">10</label></div>' +
' <div class="edb-action" ><div class="edb-btn" id="previous">Précédent</div><div class="edb-btn" id="next">Suivant</div><button class="edb-btn" id="close" >Terminer</button></div>' +
' </form>' +
' <p class="eg-thanks">Nous vous remercions pour votre participation</p>' +
' </div>' +
' </div>' +
' </div>';
var offset;
var createSession = function () {
if (getCookie('firstVisit') == null) {
setCookie('firstVisit', '1', 365);
}
};
var hideForm = function () {
createSession();
document.querySelector('.eg-form-popup .eg-thanks').style.display = 'block';
/*setTimeout(function(){
document.querySelector('.eg-form-popup').remove();
},5000);*/
};
var sendData = function (language, motivation, competition, objection, product, checkout, nps) {
var url = 'https://script.google.com/macros/s/AKfycbzlkcuQu3jTLZyORHnzOALFQYn7J4it_9pAwy9RSB-caNbvXxd5iQHLTWU3RNMU21FtWQ/exec';
var XHR = new XMLHttpRequest(),
FD = new FormData();
// Push our data into our FormData object
//FD.append('Email',email);
//FD.append('Name',name);
FD.append('Language', language);
FD.append('Motivation', motivation);
FD.append('Competition', competition);
FD.append('Objection', objection);
FD.append('Product', product);
FD.append('NPS', nps);
XHR.onreadystatechange = function () {
if (this.readyState == 4 && this.status == 200) {
//console.log('success');
document.querySelector('.eg-form-popup form').style.display = 'none';
hideForm();
}
};
// Set up our request
XHR.open('POST', url);
// Send our FormData object; HTTP headers are set automatically
XHR.send(FD);
};
var language = 'EN';
var init = function () {
document.querySelector('body footer').insertAdjacentHTML('afterend', formPopup);
live('.eg-form-popup .eg-form-close', 'click', function () {
createSession();
document.querySelector('body').classList.add('form-popup-hide');
});
live('.eg-form-popup button', 'click', function (e) {
e.preventDefault();
//var email = document.querySelector('input[type="email"]').value;
//var name= document.querySelector('input[name="Name"]').value;
var motivation = document.querySelector('textarea[name="motivation"]').value;
var competition = document.querySelector('textarea[name="competition"]').value;
var objection = document.querySelector('textarea[name="objection"]').value;
var product = document.querySelector('textarea[name="product"]').value;
var nps;
var spn = document.querySelector('input[name="nps"]:checked');
//console.log(spn);
if (typeof spn != 'undefined' && spn != null) {
//console.log('spn known');
var nps = spn.value;
} else {
//console.log('spn unknown, set value');
var nps = 'none';
}
//console.log(nps);
sendData(language, motivation, competition, objection, product, checkout, nps);
});
changeContent();
};
var changeCopyHandler = function(lang) {
//console.log(lang, '>>>>');
document.querySelector('.edb-survey .fg[data-section="1"] .fl').innerHTML = langData[lang].copy1;
document.querySelector('.edb-survey .fg[data-section="2"] .fl').innerHTML = langData[lang].copy2;
document.querySelector('.edb-survey .fg[data-section="3"] .fl').innerHTML = langData[lang].copy3;
document.querySelector('.edb-survey .fg[data-section="4"] .fl').innerHTML = langData[lang].copy4;
document.querySelector('.edb-survey .fg[data-section="5"] .fl').innerHTML = langData[lang].copy5;
document.querySelectorAll('.edb-survey .fg textarea').forEach(function(el,i){
el.setAttribute('placeholder', langData[lang].copyPlace);
});
// document.querySelectorAll('.edb-survey .fg textarea').forEach(=>{
// txtarea.setAttribute('placeholder', langData[lang].copyPlace);
// });
document.querySelector('.edb-survey .edb-action #next').innerHTML = langData[lang].copy8;
document.querySelector('.edb-survey .edb-action #previous').innerHTML = langData[lang].copy7;
document.querySelector('.edb-survey .edb-action #close').innerHTML = langData[lang].copy9;
document.querySelector('.eg-form-popup .eg-thanks').innerHTML = langData[lang].copy6;
}
var changeContent = function() {
console.log(window.location.href.indexOf('/fr/'));
if (window.location.href.indexOf('/uk/') != -1) {
changeCopyHandler('UK');
language = 'UK';
} else if (window.location.href.indexOf('/fr/') != -1) {
changeCopyHandler('FR');
language = 'FR';
} else if (window.location.href.indexOf('/de/') != -1) {
changeCopyHandler('DE');
language = 'DE';
} else if (window.location.href.indexOf('/nl/') != -1) {
changeCopyHandler('NL');
language = 'NL'
} else if (window.location.href.indexOf('/es/') != -1) {
changeCopyHandler('ES');
language = 'ES';
} else if (window.location.href.indexOf('/it/') != -1) {
changeCopyHandler('IT');
language = 'IT'
} else if (window.location.href.indexOf('/eu/') != -1) {
changeCopyHandler('EU');
language = 'EU';
} else if (window.location.href.indexOf('/ie/') != -1) {
changeCopyHandler('IE');
language = 'IE';
} else if (window.location.href.indexOf('/pl/') != -1) {
changeCopyHandler('PL');
language = 'PL';
} else if (window.location.href.indexOf('/no/') != -1) {
changeCopyHandler('NO');
language= 'NO';
} else if (window.location.href.indexOf('/dk/') != -1) {
changeCopyHandler('DK');
language = 'DK';
} else if (window.location.href.indexOf('/se/') != -1) {
changeCopyHandler('SE');
language = 'SE';
}
}
document.addEventListener('click', function (event) {
//console.log("clicked");
if (!event.target.matches('.edb-survey #next, .edb-survey #previous')) return;
//console.log('matched');
var cur = document.querySelector('.edb-survey').getAttribute('data-step'); //console.log('data-step =>', cur);
var act = cur;
if (event.target.matches('.edb-survey #next')) {
var act = parseInt(cur) + 1;
} else if (event.target.matches('.edb-survey #previous')) {
var act = parseInt(cur) - 1;
}
//console.log('new step =>', act);
document.querySelector('.edb-survey').setAttribute('data-step', act);
//console.log('step changed');
});
document.addEventListener('click', function (event) {
//console.log("clicked");
if (!event.target.matches('.flradio')) return;
//console.log('matched');
var flr = document.querySelectorAll('.flradio');
for (f = 0; f < flr.length; f++) {
if (flr[f].classList.contains('flradiochecked')) {
flr[f].classList.remove('flradiochecked');
}
}
event.target.classList.add('flradiochecked');
var cur = document.querySelector('.edb-survey').getAttribute('data-step'); //console.log('data-step =>', cur);
var act = cur;
if (event.target.matches('.edb-survey #next')) {
var act = parseInt(cur) + 1;
} else if (event.target.matches('.edb-survey #previous')) {
var act = parseInt(cur) - 1;
}
//console.log('new step =>', act);
document.querySelector('.edb-survey').setAttribute('data-step', act);
//console.log('step changed');
});
/* Initialise variation */
//if(!getCookie('firstVisit')){
waitForElement('body footer', init, 100, 25000);
//}
} catch (e) {
if (debug) console.log(e, 'error in Test' + variation_name);
}
})();
</script>
<style>
html body.form-popup-hide .eg-form-popup {
display: none;
}
.eg-form-popup {
position: fixed;
bottom: 20px;
right: 20px;
width: auto;
z-index: 999;
max-width: 600px;
}
.eg-form-popup .eg-form-popup-inr {
background: #000000;
padding: 15px;
border-radius: 3px;
-webkit-box-shadow: 0px 0px 12px 0px rgb(255 255 255 / 20%);
-moz-box-shadow: 0px 0px 12px 0px rgba(255,255,255,0.20);
box-shadow: 0px 0px 12px 0px rgb(255 255 255 / 20%);
}
.eg-form-container .eg-form-close {
position: absolute;
top: 18px;
right: 18px;
line-height: 13px;
display: flex;
align-items: center;
justify-content: center;
font-size: 26px;
padding: 2px;
cursor: pointer;
color: #ffffff;
}
.eg-form-container .eg-form-close:hover {
color: #14a243;
}
.eg-form-popup input {
padding: 5px 5px 5px 10px;
margin-right: 5px;
height: 35px;
border: none;
}
.eg-form-popup button {
background: #fae016;
padding: 0px 11px;
height: 35px;
box-sizing: border-box;
border: 1px solid #fae016;
}
.eg-form-popup button:hover {
border: 1px solid #fae016;
background: #000000;
color: #fae016;
}
.eg-form-popup input:focus {
outline: none;
}
@media screen and (max-width:600px) {
html body .eg-form-popup {
bottom: 0px;
right: 0px;
width: 100%;
}
html body .eg-form-popup .eg-form-popup-inr form {
flex-direction: column;
display: flex;
width: 100%;
margin: 0 auto;
}
html body .eg-form-popup input {
margin-right: 0px;
margin-bottom: 10px;
}
/*.eg-form-popup .eg-form-popup-inr {
padding-top: 30px;
padding-right: 15px;
}*/
.eg-form-popup .eg-form-popup-inr {
border-radius: 0px;
}
}
.eg-thanks {
color: #ffff;
text-align: center;
margin: 0px;
font-size: 20px;
font-weight: 500;
display: none;
padding-right: 35px;
}
form.gf {
font-family: Rubik,sans-serif;
font-size: 1.6rem;
line-height: 1.3;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
text-size-adjust: 100%;
text-rendering: optimizeLegibility;
}
.edb-survey .edb-button {
display: inline-block;
}
.edb-survey[data-step='5'] .edb-action button {
width: 50%;
}
.edb-survey .fg {
display: none;
}
.edb-survey[data-step='1'] .fg[data-section='1'],
.edb-survey[data-step='2'] .fg[data-section='2'],
.edb-survey[data-step='3'] .fg[data-section='3'],
.edb-survey[data-step='4'] .fg[data-section='4'],
.edb-survey[data-step='5'] .fg[data-section='5'] {
display: block;
}
.edb-survey .edb-action {
display: flex;
justify-content: end;
}
.edb-survey .edb-action button#close {
display: none;
}
.edb-survey[data-step='5'] .edb-action button#close {
display: block;
}
.edb-survey[data-step='5'] .edb-action #next {
display: none;
}
.edb-survey[data-step='1'] .edb-action #previous {
display: none;
}
.gtm-popup.gtm-config .popup.bottomright {
background: #000;
padding: 15px;
color: #fff;
font-family: Rubik,sans-serif;
font-size: 1.6rem;
line-height: 1.3;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
text-size-adjust: 100%;
text-rendering: optimizeLegibility;
}
.gtm-popup.gtm-config .popup .close {
font-size: 28px;
color: #585858;
opacity: 1;
font-weight: 100;
border: 2px solid #585858;
border-radius: 50%;
height: 30px;
width: 30px;
text-align: center;
line-height: 26px;
top: 10px;
right: 10px;
}
.gtm-popup.gtm-config .popup .close:hover {
color: #fae017;
border-color: #fae017;
opacity: 1;
}
form.gf .fl {
text-align: left;
font-size: 20px;
line-height: 1.1;
padding-right: 35px;
margin-bottom: 15px !important;
margin-top: 0px;
color: #fff;
cursor: initial;
display: block;
}
form.gf .fc {
border: 0px solid #000;
font-family: Rubik,sans-serif;
font-size: 18px;
padding: 10px 12px;
line-height: 1.3;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
text-size-adjust: 100%;
text-rendering: optimizeLegibility;
display: block;
width: 100%;
border-radius: 3px;
margin-bottom: 15px;
}
.edb-survey #previous {
background: #000000;
border: 2px solid #14a243;
border-radius: 3px;
width: 50%;
margin-right: 5px;
color: #14a243;
text-transform: uppercase;
font-weight: 500;
padding: 12px 15px 10px;
text-align: center;
cursor: pointer;
}
.edb-survey #next {
background: #14a243;
border: 1px solid #14a243;
border-radius: 3px;
width: 50%;
margin-left: 5px;
color: #fff;
text-transform: uppercase;
font-weight: 500;
padding: 12px 15px 10px;
text-align: center;
cursor: pointer;
}
.edb-survey[data-step='5'] .edb-action button#close {
background: #e10829;
border: 1px solid #e10829;
border-radius: 3px;
width: 50%;
color: #fff;
text-transform: uppercase;
font-weight: 500;
padding: 10px;
height: auto;
margin: 0;
margin-left: 5px;
font-size: inherit;
line-height: inherit;
}
.flradio {
border: 2px solid #fff;
border-radius: 3px;
color: #fff;
text-align: center;
padding: 10px 10px;
margin-bottom: 20px;
margin-right: 5px;
display: inline-block;
}
.flradio input[type=radio] {
display: none;
}
.flradio:hover, .flradiochecked {
background: #fff;
color: #000;
}
#step5 label.fl {
display: block;
}
#step5 {
min-height: 120px;
}
@media screen and (max-width:420px) {
.flradio {
padding: 10px 6px;
}
}
</style>Editor is loading...