Enhanced Conversions: de complete uitleg

GA4 & Google Ads Enhanced Conversions:

Op zich bestaat het concept van google ads enhanced conversions (= “verbeterde conversies” in het NL) alle enkele jaren maar door de steeds strikter wordende privacy regels komt tracking van conversies op jouw website steeds meer onder druk te staan. In 2024 werd naast de verbeterde conversies voor google ads ook verbeterde conversies voor google analytics geintroduceerd.
Meer en meer personen gebruiken adblockers, aanvaarden geen cookies en browsers limiteren steeds meer zaken voor adverteerders, etc. Alles dat m.a.w. bijdraagt tot een betere meting van conversies wordt steeds belangrijker. De laatste tijd is er vanuit Google zelf een serieuze push gaande om google ads enhanced conversions in te stellen in de Ads accounts.

In deze blog proberen we een zo compleet mogelijke uitleg te geven over de theorie en de implementatie van verbeterde conversies voor google ads en GA4.

1. Wat zijn Enhanced Conversions ?

Enhanced Conversions is een functie binnen Google Ads en Google Analytics (GA4) die je helpt om het meten van conversies te verbeteren. Dit gebeurt door het verrijken van jouw GA4/ google ads conversieacties met first party persoonsgegevens. Zo is het bijvoorbeeld mogelijk om het emailadres en/of telefoonnummer van de persoon mee te sturen met de conversieactie.

Vooraleer dat de persoongegevens naar Google gestuurd worden, worden deze persoonsgegevens worden gehashd (=versleuteld) met behulp van een veilige algoritme (SHA256). Google zal vervolgens deze gegevens proberen te matchen met gegevens uit in hun database van Google accounts of ander Google services. Dit zorgt ervoor dat de conversieactie nauwkeuriger kan toegewezen worden aan de juiste gebruiker, zelfs als er geen directe tracking via third-party cookies beschikbaar is.

Sidenote: De persoongegevens moeten beschikbaar zijn bij de conversieactie, anders kunnen deze niet meegestuurd worden uiteraard. Als bijvoorbeeld iemand klikt op een telefoonnummer op jouw website om jou op te bellen, zijn er geen persoonsgegevens beschikbaar van die persoon. Deze conversieactie kan dus niet verrijkt worden, tenzij de bezoeker zou ingelogd zijn op zijn profiel op jouw website (maar daar gaan we nu even niet van uit). Als er iemand een aankoop doet of contactformulier invult, worden de persoonsgegevens wel ingevuld door de bezoeker en zijn ze dus beschikbaar om de conversie te verrijken.

Welke gegevens kan je meesturen?

Volgende zaken kan je meesturen met jouw conversieactie:

• Emailadres *
• Telefoonnummer *
• Voornaam
• Achternaam
• Adres

(*) De nuttigste / meest voorkomende

2. Toepassingen van verbeterde conversies

A. Enhanced conversions for leads

Nadat je verbeterde converises hebt ingesteld en dus persoonsgegevens meestuurt met jouw conversieacties, kunnen deze gebruikt worden voor offline conversie tracking.

Kort uitgelegd komt het neer op volgende:
Je verzamelt alle binnengekomen leads in je CRM en duidt aan welke leads een klant zijn geworden. De lijst van leads die klant zijn geworden, wordt dan terug geüpload in Google Ads. D.m.v. de meegestuurde persoonsgegevens aan de conversieactie “lead” kan Google Ads de conversieactie linken aan de klantenlijst en een offline conversieactie “closed deal” creëren binnen Google Ads. Je krijgt op deze manier binnen Google Ads een overzicht van nieuwe leads via de advertenties, alsook van nieuwe klanten via de advertenties. Als je voldoende nieuwe klanten per maand binnenkrijgt kan je dan zelfs de biedstrategie laten optimaliseren op “closed deals” i.p.v. op de conversieactie “lead”.

Het grote voordeel van deze manier van offline conversietracking is dat er geen aanpassing van jouw leadformulier nodig is. Dit is bij offline conversietracking via gclid wel het geval. Daar moet je per inzending van het contactformulier de google click identifier (= gclid) bijhouden en meesturen in jouw klantenlijst upload in Google Ads.

B. Enhanced conversions for web

Dit is de toepassing voor conversieacties op websites, zoals hierboven reeds beschreven. We voegen persoonsgegevens toe aan een bestaande of nieuwe conversieactie met als doel onze tracking te verbeteren.

3. Voordelen van Enhanced Conversions

A. Verbeterde nauwkeurigheid van conversiemetingen

We hebben het al een aantal keer aangehaald: het grootste voordeel is de verbeterde nauwkeurigheid in het meten van conversies. Doordat verbeterde conversies gebruik maken van first-party data en geavanceerde matching-algoritmen, kunnen ze beter bepalen welke gebruikers daadwerkelijk een conversie hebben voltooid.

B. Optimalisatie van campagnes wordt bevorderd

Aangezien we meer conversiedata binnenkrijgen kunnen bepaalde campagnes beter geoptimaliseerd worden. De automatische biedstrategieën werken via machine learning en hebben veel data input nodig om zichzelf te kunnen optimaliseren. Hoe meer relevante data we de machine kunnen aanleveren, hoe beter die zal presteren.

C. Mogelijkheid om enhanced conversions for leads te gebruiken

4. Enhanced conversions instellen via Google Tag Manager op 6 verschillende manieren

Er zijn verschillende manieren om enhanced conversions in te stellen:

1. via de Google Tag (hard coded)
2. via de Google API
3. via Google Tag Manager

Voor de implementatie via Gtag en de Google API verwijs ik hierboven naar de hulpartikelen van Google zelf. Wij zullen de implementatie via Google Tag Manager toelichten omdat dit het gebruiksvriendelijkst is.

A. Workflow/gedachtegang

Ga voor je aan de slag gaat even na hoe de conversie werkt door een test aankoop te doen / een testformulier in te vullen. Bekijk daar goed op welke momenten binnen GTM (Container Loaded/ Window Loaded/ form_submit/….), welke info precies beschikbaar is. Zoals eerder aangegeven moeten de persoonsgegevens beschikbaar zijn om ze te kunnen gebruiken en is het moment waarop deze “bereikbaar” zijn binnen GTM van belang.

Voor e-commerce gaan we er van uit dat alle productinfo en eventdata gestuurd worden via de datalayer (= gegevenslaag) dus dat is de go to optie (zie verder). Voor Leadgen (lees: contactformulieren) is er vaak geen datalayer beschikbaar wat de implementatie iets moeilijker kan maken.

Lowie Verschelden vat de gedachtegang voor leadgen mooi samen in onderstaande LinkedIn post :

B. Implementatie via datalayer

Via deze implementatie halen we de persoonsgegevens op via de datalayer (gegevenslaag). Volgens mij is dit de meest robuuste manier van implementeren.Volgende zaken zijn nodig om deze manier te gebruiken:

• Er wordt een event gepusht in de datalayer op het moment waarop het contactformulier verstuurd wordt.
• Er worden first party persoonsgegevens (email & telefoonnummer) gepusht in de datalayer op het moment waarop het contactformulier verstuurd wordt.

Stap 1: Doe een testbestelling via debug mode
Stap 2: Bekijk de datalayer op het aankoopmoment. Er wordt op dit moment een event gepusht in de datalayer.

Stap 3: Maak een tag voor de aankoop en voeg een trigger toe in GTM van het type “aangepaste gebeurtenis”. Vul als eventnaam van de aangepaste gebeurtenis, de naam in die gepusht wordt in de datalayer op het moment van aankoop.
Opgelet: de naam van de gebeurtenis is hoofdlettergevoelig. “Purchase” zal niet werken als er “purchase” in de datalayer gepusht wordt.

Stap 4: Voeg een nieuwe variabele toe van het type “variabele voor gegevenslaag” voor email & een 2e variabele voor telefoon. Vul hier opnieuw ook de exacte naam in die je ziet in de datalayer, rekeninghoudende met het niveau waar deze info zich bevindt. Lees volgend artikel op Analytics Mania over de structuur van datalayer variabelen nog eens na, mocht je hier vastlopen.

Stap 5: Maak een nieuwe variabele aan van het type “door gebruikers verstrekte gegevens“. Kies voor manual configuration en selecteer bij email jouw eerder geconfigureerde datalayer variabele voor email. Doe het zelfde voor het veld telefoon en sla de de nieuwe variabele op.

Stap 6: Voeg de nieuw gemaakte variabele met gebruikersgegevens toe aan jouw Google Ads tag.

C. Implementatie via DOM-element

Via deze implementatie zijn de persoonsgegevens zichtbaar op de bedanktpagina en kunnen we deze ophalen via een variabele van het type “DOM-element”. De conversieactie zelf moet in dit geval ook afgevuurd worden op deze zelfde bedanktpagina.
Via Chrome Dev Tools kunnen we het mailadres “inspecteren” en bekijken of die een unieke “class” of “ID” heeft gekregen.

In onderstaand voorbeeld zien we bijvoorbeeld dat op de bedanktpagina het mailadres zichtbaar is. Als we dit mailadres selecteren, op rechtermuisklik klikken en vervolgens op inspecteren klikken, zien we dat dit element in de HTML code de (unieke) class “woocommerce-customer-details–email” heeft gekregen.

We kunnen via deze class een DOM variabele creeëren om het mailadres van de pagina te halen en beschikbaar te maken in Google Tag Manager. We kiezen als selectiemethode CSS-kiezer en als elementkiezer “.woocommerce-customer-details–email “. We voegen het puntje toe aan de eerder geinspecteerde naam omdat het hier gaat om een class.

Deze DOM variabele wijzen we daarna toe aan de variabele “door gebruikers verstrekte gegevens”, dewelke we nadien aan de tag van de conversieactie toevoegen.

D. Implementatie via JavaScript

Stel je voor dat we geen datalayer hebben waarin de persoonsgegevens beschikbaar zijn, alsook is er geen developer die een datalayer kan aanmaken voor ons. In dit geval kunnen we de gegevens van de formuliervelden ophalen via JavaScript.

Opgelet: De timing waarop deze variabelen “gevuld” worden met de formuliergegevens moet overeenstemmen met de trigger van de conversie die je wilt verrijken. Is dit niet het geval, maak dan de variabelen aan op deze manier en ga verder naar methode E (via cookies) of methode F (google ads user provided data event)

Om de formuliervelden op te halen via google tag manager, kan je onderstaande code gebruiken. Je dient deze toe te voegen aan een nieuwe variabele van het type “aangepaste JavaScript macro”. Je dient enkel de vetgedrukte tekst te veranderen door de naam van jouw formulier veld. Maak een variabele aan voor het mailadres & voor het telefoonnumer.

function(){
  return document.getElementsByName("wpforms[fields][3]")[0] ? document.getElementsByName("wpforms[fields][3]")[0].value : "";
}

De naam van het formulierveld kan je gemakkelijk inspecteren via Chrome Dev Tools. De naam vind je onder “name=” terug.

Voeg de twee gemaakte variabele toe aan de “door gebruikers verstrekte gegevens” variabele. Voeg daarna deze laatste toe aan de conversieactie.

E. Implementatie via cookies

In dit scenario is er geen datalayer beschikbaar, zijn de persoonsgegevens niet beschikbaar op de pagina zelf en zijn de variabelen van de formuliervelden niet beschikbaar op de trigger van de conversieactie.

Gezien de inhoud van de geconfigureerde variabelen van de formuliervelden niet beschikbaar is op het juiste moment, moeten we hun levensduur “verlengen”. Dit kan door (first party) cookies aan te maken in Google Tag Manager. De inhoud van formulierveld variabele wordt dan opgeslaan in een cookie, dewelke we later opnieuw kunnen opvragen. Hoe je cookies opslaat binnen GTM behandelen we in een andere blog.

Om een cookie aan te maken moeten we een nieuwe tag toevoegen van het type “aangepaste HTML” via onderstaande code (zie verder). Maak zowel een tag aan voor een mail cookie als voor een telefoon cookie. De tags laten we afvuren op het moment dat iemand op de verzend knop van het formulier klikt. Op dat moment zijn alle persoonsgegevens beschikbaar in de javascript variabelen van de formuliervelden.

Wijzig de vetgedrukte zaken uit de code hieronder:
1. Geef de cookie een beschrijvende naam, in dit geval cookieEmail .
2. Vul op de lijn van cookieValue de variabele in die je eerder configureerde via de JavaScript code.

<script>
(function(){
    var cookieName = "cookieEmail"; // Name of your cookie
    var cookieValue = {{cjs - email}}; // Value of your cookie
    var expirationTime = 43200; // 12h in seconds
    expirationTime = expirationTime * 1000; // Converts expiration time to milliseconds
    var date = new Date();
    var dateTimeNow = date.getTime();

    date.setTime(dateTimeNow + expirationTime); // Sets expiration time (Time now + one month)
    var date = date.toUTCString(); // Converts milliseconds to UTC time string

    // Extract base domain
    var domainParts = location.hostname.split('.');
    var baseDomain = domainParts.slice(-2).join('.'); // Get the last two parts of the domain

    document.cookie = cookieName + "=" + cookieValue + "; SameSite=None; Secure; path=/; domain=" + baseDomain; // Sets cookie for all subdomains
})();
</script>

Momenteel heb je de gebruikersgegevens opgeslaan in een door jouw gekozen naam (in bovenstaand geval cookieEmail).

Nu rest ons alleen nog deze cookie uit te kunnen lezen door een cookie variabele aan te maken in GTM en deze daarna toe te wijzen aan de door gebruikers verstrekte gegevens variabele. En tot slot deze laatste variabele toe te voegen aan de conversieactie.

F. Implementatie via Google Ads user provided data event

Bij deze implementatie zitten we in hetzelfde schuitje als bij de implementatie via cookies. Er is een probleem met de beschikbaarheid van de gegevens in de JavaScript variabele van de formuliervelden en het moment waarop de conversieactie afgevuurd wordt.

Gezien de oplossing via cookies vrij technisch is, heeft Google een andere, gebruiksvriendelijkere oplossing aangeboden aan adverteerders om de levensduur van de formulierveld variabelen te verlengen. Hun aangeboden oplossing gebeurt via de tag van het type “Google ads user provided data event”.

Via deze manier configureer je de door gebruikers verstrekte gegevens variabele via bijvoorbeeld JavaScript. Je stelt de tag “Google ads user provided data event” in met deze laatste variabele en laat deze afvuren op het moment waarop de gegevens beschikbaar zijn in de variabelen. Google zal daarna voor alle verdere gebeurtenissen van de gebruiker zijn bezoek, linken aan die verkregen persoonsgegevens.

G. Implementatie via automatische captatie (minder nauwkeurig)

Via deze manier gaat Google zelf op zoek naar persoonsgegevens (zoals een emailadres) op de pagina en in de code en voegt deze toe. Je dient hiervoor ook een variabele aan te maken van het type “door gebruikers verstrekte gegevens”. Deze manier van implementeren is minder robuust dan de bovenstaande manieren, maar kan een oplossing bieden voor een snelle en eenvoudige oplossing.

Vaak is deze implementatie niet bruikbaar omdat het moment waarop Google de gebruikersgegevens “ziet” verschilt van het moment waarop de tag wordt afgevuurd in de container. Dit betekent dat op het moment van afvuren van de tag, de gegevens al weer gewist zijn en dus niet meegestuurd worden met de conversieactie.

5. Jouw implementatie testen met behulp van EC Assist

“EC Assist” is een gratis Chrome-extensie die controleert of jouw Enhanced Conversions correct ingesteld staan.

Hoe gebruik je “EC Assist”?

1. Installeer de extensie: Download “EC Assist” uit de Chrome Web Store en voeg het toe aan je browser.
2. Activeer de extensie: Klik op het pictogram in je browserbalk om de tracking te starten.
3. Bezoek je conversiepagina’s: Navigeer naar de pagina’s waar er conversieacties met Enhanced Conversions staan ingesteld (vb: bedanktpagina’s van formulieren of aankopen) en voer de conversieactie uit.
4. Bekijk de resultaten: De extensie laat je zien welke gegevens worden verzonden en of er fouten zijn die je moet corrigeren.

6. Gratis container import template voor enhanced conversions

Gezien de methode voor instellen van enhanced conversions via cookies vrij complex is, heb ik een template gemaakt die je kan importeren in jouw bestaande container. Nadat je de inhoud geïmporteerd hebt (lees hier hoe je dit doet), dien je enkel nog de javascript variabelen aan te passen naar jouw eigen formuliervelden zoals hierboven beschreven. Daarna is de door gebruikers verstrekte gegevens variabele klaar en dien je ze enkel nog toe te wijzen aan jouw Google Ads en Google Analytics tag voor het contactformulier.

@import url(“https://assets.mlcdn.com/fonts.css?version=1722844″); /* LOADER */ .ml-form-embedSubmitLoad { display: inline-block; width: 20px; height: 20px; } .g-recaptcha { transform: scale(1); -webkit-transform: scale(1); transform-origin: 0 0; -webkit-transform-origin: 0 0; height: ; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; } .ml-form-embedSubmitLoad:after { content: ” “; display: block; width: 11px; height: 11px; margin: 1px; border-radius: 50%; border: 4px solid #fff; border-color: #ffffff #ffffff #ffffff transparent; animation: ml-form-embedSubmitLoad 1.2s linear infinite; } @keyframes ml-form-embedSubmitLoad { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } #mlb2-17233341.ml-form-embedContainer { box-sizing: border-box; display: table; margin: 0 auto; position: static; width: 100% !important; } #mlb2-17233341.ml-form-embedContainer h4, #mlb2-17233341.ml-form-embedContainer p, #mlb2-17233341.ml-form-embedContainer span, #mlb2-17233341.ml-form-embedContainer button { text-transform: none !important; letter-spacing: normal !important; } #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper { background-color: #f6f6f6; border-width: 0px; border-color: transparent; border-radius: 4px; border-style: solid; box-sizing: border-box; display: inline-block !important; margin: 0; padding: 0; position: relative; } #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper.embedPopup, #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper.embedDefault { width: 400px; } #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper.embedForm { max-width: 400px; width: 100%; } #mlb2-17233341.ml-form-embedContainer .ml-form-align-left { text-align: left; } #mlb2-17233341.ml-form-embedContainer .ml-form-align-center { text-align: center; } #mlb2-17233341.ml-form-embedContainer .ml-form-align-default { display: table-cell !important; vertical-align: middle !important; text-align: center !important; } #mlb2-17233341.ml-form-embedContainer .ml-form-align-right { text-align: right; } #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedHeader img { border-top-left-radius: 4px; border-top-right-radius: 4px; height: auto; margin: 0 auto !important; max-width: 100%; width: undefinedpx; } #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody, #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody { padding: 20px 20px 0 20px; } #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody.ml-form-embedBodyHorizontal { padding-bottom: 0; } #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent, #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent { text-align: left; margin: 0 0 20px 0; } #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent h4, #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent h4 { color: #000000; font-family: ‘Open Sans’, Arial, Helvetica, sans-serif; font-size: 30px; font-weight: 400; margin: 0 0 10px 0; text-align: left; word-break: break-word; } #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p, #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p { color: #000000; font-family: ‘Open Sans’, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; margin: 0 0 10px 0; text-align: left; } #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent ul, #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent ol, #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent ul, #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent ol { color: #000000; font-family: ‘Open Sans’, Arial, Helvetica, sans-serif; font-size: 14px; } #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent ol ol, #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent ol ol { list-style-type: lower-alpha; } #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent ol ol ol, #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent ol ol ol { list-style-type: lower-roman; } #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p a, #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p a { color: #000000; text-decoration: underline; } #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-block-form .ml-field-group { text-align: left!important; } #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-block-form .ml-field-group label { margin-bottom: 5px; color: #333333; font-size: 14px; font-family: ‘Open Sans’, Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; text-decoration: none;; display: inline-block; line-height: 20px; } #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p:last-child, #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p:last-child { margin: 0; } #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody form { margin: 0; width: 100%; } #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-formContent, #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow { margin: 0 0 20px 0; width: 100%; } #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow { float: left; } #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-formContent.horozintalForm { margin: 0; padding: 0 0 20px 0; width: 100%; height: auto; float: left; } #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow { margin: 0 0 10px 0; width: 100%; } #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow.ml-last-item { margin: 0; } #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow.ml-formfieldHorizintal { margin: 0; } #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input { background-color: #ffffff !important; color: #333333 !important; border-color: #cccccc; border-radius: 4px !important; border-style: solid !important; border-width: 1px !important; font-family: ‘Open Sans’, Arial, Helvetica, sans-serif; font-size: 14px !important; height: auto; line-height: 21px !important; margin-bottom: 0; margin-top: 0; margin-left: 0; margin-right: 0; padding: 10px 10px !important; width: 100% !important; box-sizing: border-box !important; max-width: 100% !important; } #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input::-webkit-input-placeholder, #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input::-webkit-input-placeholder { color: #333333; } #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input::-moz-placeholder, #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input::-moz-placeholder { color: #333333; } #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input:-ms-input-placeholder, #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input:-ms-input-placeholder { color: #333333; } #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input:-moz-placeholder, #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input:-moz-placeholder { color: #333333; } #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow textarea, #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow textarea { background-color: #ffffff !important; color: #333333 !important; border-color: #cccccc; border-radius: 4px !important; border-style: solid !important; border-width: 1px !important; font-family: ‘Open Sans’, Arial, Helvetica, sans-serif; font-size: 14px !important; height: auto; line-height: 21px !important; margin-bottom: 0; margin-top: 0; padding: 10px 10px !important; width: 100% !important; box-sizing: border-box !important; max-width: 100% !important; } #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-label::before, #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-radio .custom-control-label::before, #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-label::before, #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-label::before, #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox .label-description::before, #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox .label-description::before, #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::before { border-color: #cccccc!important; background-color: #ffffff!important; } #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input.custom-control-input[type=”checkbox”]{ box-sizing: border-box; padding: 0; position: absolute; z-index: -1; opacity: 0; margin-top: 5px; margin-left: -1.5rem; overflow: visible; } #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-label::before, #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-label::before, #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox .label-description::before, #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox .label-description::before, #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::before { border-radius: 4px!important; } #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type=checkbox]:checked~.label-description::after, #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox input[type=checkbox]:checked~.label-description::after, #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-input:checked~.custom-control-label::after, #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-input:checked~.custom-control-label::after, #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox input[type=checkbox]:checked~.label-description::after { background-image: url(“data:image/svg+xml,%3csvg xmlns=’http://www.w3.org/2000/svg’ viewBox=’0 0 8 8’%3e%3cpath fill=’%23fff’ d=’M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z’/%3e%3c/svg%3e”); } #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-input:checked~.custom-control-label::after, #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-input:checked~.custom-control-label::after { background-image: url(“data:image/svg+xml,%3csvg xmlns=’http://www.w3.org/2000/svg’ viewBox=’-4 -4 8 8’%3e%3ccircle r=’3′ fill=’%23fff’/%3e%3c/svg%3e”); } #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-input:checked~.custom-control-label::before, #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-radio .custom-control-input:checked~.custom-control-label::before, #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-input:checked~.custom-control-label::before, #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-input:checked~.custom-control-label::before, #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox input[type=checkbox]:checked~.label-description::before, #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox input[type=checkbox]:checked~.label-description::before, #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type=checkbox]:checked~.label-description::before { border-color: #000000!important; background-color: #000000!important; } #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-label::before, #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-radio .custom-control-label::before, #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-label::after, #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-radio .custom-control-label::after, #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-label::before, #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-label::after, #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-label::before, #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-label::after { top: 2px; box-sizing: border-box; } #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox .label-description::before, #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox .label-description::after, #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::before, #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::after { top: 0px!important; box-sizing: border-box!important; } #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::before, #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::after { top: 0px!important; box-sizing: border-box!important; } #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox .label-description::after { top: 0px!important; box-sizing: border-box!important; position: absolute; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: “”; } #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox .label-description::before { top: 0px!important; box-sizing: border-box!important; } #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .custom-control-label::before { position: absolute; top: 4px; left: -1.5rem; display: block; width: 16px; height: 16px; pointer-events: none; content: “”; background-color: #ffffff; border: #adb5bd solid 1px; border-radius: 50%; } #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .custom-control-label::after { position: absolute; top: 2px!important; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: “”; } #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox .label-description::before, #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox .label-description::before, #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::before { position: absolute; top: 4px; left: -1.5rem; display: block; width: 16px; height: 16px; pointer-events: none; content: “”; background-color: #ffffff; border: #adb5bd solid 1px; border-radius: 50%; } #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox .label-description::after { position: absolute; top: 0px!important; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: “”; } #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::after { position: absolute; top: 0px!important; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: “”; } #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .custom-radio .custom-control-label::after { background: no-repeat 50%/50% 50%; } #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .custom-checkbox .custom-control-label::after, #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox .label-description::after, #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox .label-description::after, #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::after { background: no-repeat 50%/50% 50%; } #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-control, #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-control { position: relative; display: block; min-height: 1.5rem; padding-left: 1.5rem; } #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-input, #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-radio .custom-control-input, #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-input, #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-input { position: absolute; z-index: -1; opacity: 0; box-sizing: border-box; padding: 0; } #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-label, #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-radio .custom-control-label, #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-label, #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-label { color: #000000; font-size: 12px!important; font-family: ‘Open Sans’, Arial, Helvetica, sans-serif; line-height: 22px; margin-bottom: 0; position: relative; vertical-align: top; font-style: normal; font-weight: 700; } #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-select, #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-select { background-color: #ffffff !important; color: #333333 !important; border-color: #cccccc; border-radius: 4px !important; border-style: solid !important; border-width: 1px !important; font-family: ‘Open Sans’, Arial, Helvetica, sans-serif; font-size: 14px !important; line-height: 20px !important; margin-bottom: 0; margin-top: 0; padding: 10px 28px 10px 12px !important; width: 100% !important; box-sizing: border-box !important; max-width: 100% !important; height: auto; display: inline-block; vertical-align: middle; background: url(‘https://assets.mlcdn.com/ml/images/default/dropdown.svg’) no-repeat right .75rem center/8px 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow { height: auto; width: 100%; float: left; } .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-input-horizontal { width: 70%; float: left; } .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-button-horizontal { width: 30%; float: left; } .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-button-horizontal.labelsOn { padding-top: 25px; } .ml-form-formContent.horozintalForm .ml-form-horizontalRow .horizontal-fields { box-sizing: border-box; float: left; padding-right: 10px; } #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input { background-color: #ffffff; color: #333333; border-color: #cccccc; border-radius: 4px; border-style: solid; border-width: 1px; font-family: ‘Open Sans’, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; margin-bottom: 0; margin-top: 0; padding: 10px 10px; width: 100%; box-sizing: border-box; overflow-y: initial; } #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button { background-color: #2c7a54 !important; border-color: #2c7a54; border-style: solid; border-width: 1px; border-radius: 4px; box-shadow: none; color: #ffffff !important; cursor: pointer; font-family: ‘Open Sans’, Arial, Helvetica, sans-serif; font-size: 14px !important; font-weight: 700; line-height: 20px; margin: 0 !important; padding: 10px !important; width: 100%; height: auto; } #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button:hover { background-color: #333333 !important; border-color: #333333 !important; } #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type=”checkbox”] { box-sizing: border-box; padding: 0; position: absolute; z-index: -1; opacity: 0; margin-top: 5px; margin-left: -1.5rem; overflow: visible; } #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description { color: #000000; display: block; font-family: ‘Open Sans’, Arial, Helvetica, sans-serif; font-size: 12px; text-align: left; margin-bottom: 0; position: relative; vertical-align: top; } #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label { font-weight: normal; margin: 0; padding: 0; position: relative; display: block; min-height: 24px; padding-left: 24px; } #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label a { color: #000000; text-decoration: underline; } #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label p { color: #000000 !important; font-family: ‘Open Sans’, Arial, Helvetica, sans-serif !important; font-size: 12px !important; font-weight: normal !important; line-height: 18px !important; padding: 0 !important; margin: 0 5px 0 0 !important; } #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label p:last-child { margin: 0; } #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit { margin: 0 0 20px 0; float: left; width: 100%; } #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button { background-color: #2c7a54 !important; border: none !important; border-radius: 4px !important; box-shadow: none !important; color: #ffffff !important; cursor: pointer; font-family: ‘Open Sans’, Arial, Helvetica, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; line-height: 21px !important; height: auto; padding: 10px !important; width: 100% !important; box-sizing: border-box !important; } #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button.loading { display: none; } #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button:hover { background-color: #333333 !important; } .ml-subscribe-close { width: 30px; height: 30px; background: url(‘https://assets.mlcdn.com/ml/images/default/modal_close.png’) no-repeat; background-size: 30px; cursor: pointer; margin-top: -10px; margin-right: -10px; position: absolute; top: 0; right: 0; } .ml-error input, .ml-error textarea, .ml-error select { border-color: red!important; } .ml-error .custom-checkbox-radio-list { border: 1px solid red !important; border-radius: 4px; padding: 10px; } .ml-error .label-description, .ml-error .label-description p, .ml-error .label-description p a, .ml-error label:first-child { color: #ff0000 !important; } #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow.ml-error .label-description p, #mlb2-17233341.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow.ml-error .label-description p:first-letter { color: #ff0000 !important; } @media only screen and (max-width: 400px){ .ml-form-embedWrapper.embedDefault, .ml-form-embedWrapper.embedPopup { width: 100%!important; } .ml-form-formContent.horozintalForm { float: left!important; } .ml-form-formContent.horozintalForm .ml-form-horizontalRow { height: auto!important; width: 100%!important; float: left!important; } .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-input-horizontal { width: 100%!important; } .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-input-horizontal > div { padding-right: 0px!important; padding-bottom: 10px; } .ml-form-formContent.horozintalForm .ml-button-horizontal { width: 100%!important; } .ml-form-formContent.horozintalForm .ml-button-horizontal.labelsOn { padding-top: 0px!important; } } function ml_webform_success_17233341() { var $ = ml_jQuery || jQuery; $(‘.ml-subscribe-form-17233341 .row-success’).show(); $(‘.ml-subscribe-form-17233341 .row-form’).hide(); } fetch(“https://assets.mailerlite.com/jsonp/1065596/forms/129767843093808554/takel”)