Follow

Implementer Heyoverlay på dit website

For at implementere Heyoverlay på dit website, skal du igennem 2 steps: 

  1. Aktivér Heyoverlay på din konto
  2. Implementér "core-script" og "user-script"

Det lyder alt sammen teknisk, men i realiteten skal du efter aktiveringen på din konto, kopiere 2 scripts ind i <body> elementet på dit site.

Uanset om du benytter Google Tag Manager eller ønsker at implementere det direkte i body-elementet på dit site, så tager implementeringen kun et par minutter.

 

Aktivér Heyoverlay på din konto

Heyoverlay tilknyttes en liste, når du aktiverer denne. Dette fordi alle tilmeldinger der foretages via dine overlays skal tilknyttes en liste. 

 

For at aktivere Heyoverlay på din konto, går du ind under "Listeintegrationer", hvor du nederst finder "Heyoverlay". Tryk på "Opsæt Heyoverlay":

 

Under opsætningen skal du tage stilling til:_

  • Listen du ønsker overlays tilknyttet (obligatorisk)
  • Max antal overlays en bruger kan opleve per session (valgfrit)
  • Max antal overlays inden for en given periode (valgfrit)

Når du har valgt ovenstående, vælger du gem:

mceclip0.png

I det viste eksempel er opsætningen knyttet til "Customers" listen. Max antal overlays som en bruger kan opleve i en session (én session svarer til et besøg på websitet). Derudover kan der maksimal vises 5 overlays på en uge.

 

Når ovenstående er gemt, har du aktiveret Heyoverlay på din konto og er nu klar til at implementere det på dit website.

 

Implementér "core-script" og "user-script"

Når du har aktiveret Heyoverlay på din konto er du klar til at implementere de to scripts. 

 

Når du står på oversigtssiden for dine Overlay integration, skal du trykke på det lille tandhjul til højre:

mceclip1.png

 

Herefter åbnes en dialogboks der fortæller lidt mere omkring opsætningen af scripts og vigtigst af alt, her finder du de specifikke "core-scripts" og "user-scripts", som du skal indsætte på dit website.

 

I de fleste tilfælde benytter man kun en Heyoverlay integration på ét website (Læs om flere integration)*. I det tilfælde kan du med fordel kopiere dem begge to og sætte dem ind på én gang. 

Alle steder scripts'ene bliver placeret på dit site, vil det være muligt at opsætte et overlay.

Når du har kopieret de 2 scripts kan du indsætte dem direkte i <body>-elementet på website.

 

De to scripts sat sammen, vil ligne nedenstående (dog med andre ID'er):

<script src="https://heyoverlay.com/js/core.js"></script>
<script src="https://heyoverlay.com/userscripts/dmdk32e2-t3st-test-bd97-Eks3mp31.js"></script>

 

Herefter er du klar til at opsætte dit første overlay.

 

 

*Flere Heyoverlay integration på samme website

Du kan sagtens have flere Heyoverlay integration på din Heyloyalty konto og knytte dem op til forskellige liste.

Dog bør du kun have én Heyoverlay løsning aktiv på ét site.

Har du behov for flere Heyoverlay løsninger på et site, så må du meget gerne kontakte vores support og høre nærmere.

Implementering via Google Tag Manager

Du kan benytte Google Tag Manager til at implementere Heyoverlay på dit site.

Her placerer du i stedet det specifikke Google Tag Manager scripts i en tag-løsning, som aktiverer på alle sider, hvor du ønsker at benytte overlays.

mceclip0.png

 

I vores eksempel kaldes scriptet på alle sider:

mceclip1.png

Husk at give tilladelse til "Support document.write"

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

Comments

Powered by Zendesk