Opret indstiksannonce

Art. no. 216099941

No alt text available

Opret en interstitiel annonce

Du kan til enhver tid oprette en ny interstitiel annonce i Prenly Workspace. Før du går i gang, skal du være opmærksom på, at der er systemkrav for at vise interstitielle annoncer.

Krav til systemet

HTML. For at vise din annonce skal annonceindholdet som minimum være et billedtag i HTML (jpg eller png).

HTTPS. På grund af sikkerhedsproblemer skal alle links uden for e-løsningen i papirlæsningstilstand bruge HTTPS i forbindelse med interstitielle annoncer.

Klikbar annonce. For at have en annonce, som læseren kan klikke på, skal billedtagget være omgivet af et ankertag.

Sådan opretter du annoncen

Vælg "Marketing" og derefter "Annoncer" i menuen i venstre side.

1. Vælg "Ny" for at oprette en ny interstitiel annonce.

Create a new ad by selecting "New".

Opret en ny annonce ved at vælge "Ny".

2. Indtast et navn til din annonce. Det vil gøre det nemmere at finde annoncen i fremtiden og at søge efter den på listen over annoncer.

Set a name to your ad to easier find it within the list of ads in the future.

Giv din annonce et navn, så du lettere kan finde den på listen over annoncer i fremtiden.

3. Indtast, efter hvilken side din annonce skal vises. Indtast en kommasepareret liste over sider, så din annonce kan være synlig efter flere sider. Annoncen vises mellem efter den/de valgte side(r) og før det næste sideopslag vises, dvs. i stedet for at vise den næste side vises din annonce, og den næste side vises efter annoncen.

Set after which page the ad should be displayed.

Indstil, efter hvilken side annoncen skal vises.

4. Vælg en startdato, og vælg, om annoncen skal være aktiv, indtil den deaktiveres manuelt, eller om den skal have en bestemt slutdato. Vælg en slutdato for automatisk at deaktivere din annonce ved midnat dagen efter den indtastede slutdato.

Set date interval the ad should be displayed.

Indstil datointervallet, hvor annoncen skal vises.

5. Her er der teknisk lingo!

Indtast et HTML-billedtag (<img>), som skal bruges til at gengive dit annoncebillede. Billedkilden(src-attribut) skal bruge HTTPS-protokollen af sikkerhedsmæssige årsager.

Hvis din annonce skal være klikbar, dvs. hvis du ønsker, at læseren skal kunne klikke på annoncebilledet og blive navigeret til annoncørens webside, skal du omgive billedtagget med et ankertag (<a>), hvis ankerreference(href-attribut) også skal bruge HTTPS-protokollen.

Vælg, om du vil bruge et andet billede mellem stående og liggende håndholdt tilstand. Du skal som minimum vælge en af de to tilstande, men du kan vælge begge. Hvis du vælger at angive én, f.eks. portrættilstand, vil Prenly bruge den samme kode til at vise din annonce på liggende håndholdte enheder.

Hvad er HTTPS? HTTPS er krypteret kommunikation mellem webbrowseren (klienten) og webserveren og er angivet som "https://".

Sammenlign med http://example.com/ og https://example.com/. Mange webbrowsere signalerer, at kommunikationen er krypteret via HTTPS, ved at tilføje et hængelåsikon til URL-linjen for at angive, at kommunikationen er sikker.

Hvorfor kræver Prenly HTTPS? Android tillader ikke åbning af HTTP-links fra en app. Derfor vil Prenly kræve, at de links, der findes i en app, bruger HTTPS. Læserne får også en mere sikker læseoplevelse ved at bruge HTTPS, da kommunikationen er krypteret.

Prenly understøtter JavaScript-kode, som giver dig mulighed for at have dynamisk annonceindhold. Ethvert gyldigt JavaScript accepteres, men koden skal give et billedtag og eventuelt et omgivende ankertag, når den udføres.

Prenly validerer ikke din kode. Det anbefales, at du prøver din kode på en HTML-side, før du aktiverer din annonce.

Eksempel på kode til billeder:

Portræt:

<a href="{INDSÆT-MÅL-URL}"> <img
<img
src="{INSERT-IMAGE-SRC}"
alt="Annonce"
width="1100"
height="1700"
style="display: block; width: 100%; max-width: 100vw; max-height: 100vh; object-fit: contain; margin: 0 auto;"
>
</a>

Landskab:

<a href="{INDSÆT-MÅL-URL}"> </a
<img
src="{INSERT-IMAGE-SRC}"
alt="Annonce"
width="1700"
height="1100"
style="display: block; width: 100%; max-width: 100vw; max-height: 100vh; object-fit: contain; margin: 0 auto;"
>
</a>

Eksempel på kode til MP4-videoer

Bemærk, at H.264-kodede videoer er obligatoriske for at fungere i Safari

<!DOCTYPE html>
<html lang="en">
<hoved>
<meta charset="UTF-8"> <meta name="viewport
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Annons</span><span>.
<title>Annoner</title>
<style>
krop, html {
margin: 0;
padding: 0;
højde: 100%;
baggrund: #ffffff;
overflow: hidden; /* Forhindrer scroll */
-webkit-overflow-scrolling: touch; /* Vigtigt for iOS */
}
.video-container {
position: fixed;
top: 0;
left: 0;
width: 100%;
højde: 100%;
baggrund: hvid;
display: flex;
justify-content: center;
align-items: center;
overløb: skjult;
}
video {
max-bredde: 100%;
max-højde: 100%;

}
</style>.
</head>.
<body>
<div class="videocontainer"> <div class="video-container">.
<video id="videoPlayer" src="[INSERT-MP4-SRC]" autoplay playsinline loop muted></video>
</div>
<script>
const video = document.getElementById('videoPlayer');
// Prøv at starte videoen programmatisk på iOS
document.addEventListener('DOMContentLoaded', function() {
video.play().catch(function(error) {
console.log('Videoen kunne ikke afspilles automatisk på grund af begrænsninger:', error);
});
});
// Förhindra att iframens innehåll fångar svep
document.body.addEventListener('touchstart', function(e) {
if (e.target !== video) {
e.preventDefault(); // Forhindrer kun standard, hvis berøring ikke er på videoen
}
}, { passive: true });

// Hantering af klik på video
video.addEventListener('click', function(e) {
e.preventDefault();
window.open('[INSERT-TARGET-URL}', '_blank');
});
</script>
</body> </html
</html

Enter your image-related code as ad content.

Indtast din billedrelaterede kode som annonceindhold.

6. Vælg, hvilken applikation der skal vise din annonce.

Select application which should display your publication.

Vælg den applikation, der skal vise din publikation.

7. Vælg hvilke titler, der skal vise din annonce.

Select title which should display your ad.

Vælg den titel, der skal vise din annonce.

8. Gem dine indstillinger ved at vælge "Gem". Hvis ikonet er sløret efter det sidste sæt, har du glemt at konfigurere en sektion. Se efter en rød plop i højre hjørne for hver sektion. Vælg den fejlkonfigurerede sektion, og fortsæt konfigurationen derfra.

Select "Save" to save your settings.

Vælg "Save" for at gemme dine indstillinger.

9. Aktivér din annonce ved at skifte kontakten i øverste højre hjørne. Hvis annoncen er inaktiv, aktiverer du annoncen. Hvis annoncen er aktiv, deaktiverer du den.

Kun aktive annoncer kan vises for dine læsere, da Prenly sender dem ud for at blive vist i den konfigurerede applikationspublikation og side i papirlæsningstilstand. Inaktive annoncer vises ikke, når læseren swiper forbi den markerede side.

Toggle the switch to activate the ad.

Skift kontakten for at aktivere annoncen.

Example of a configured and active ad.

Eksempel på en konfigureret og aktiv annonce.

10. Slet annonce. Vælg menuen med tre prikker i øverste højre hjørne, og vælg "Slet annonce" for at slette den aktuelt valgte annonce. Annoncen fjernes fra Prenly Workspace. Hvis annoncen var aktiv før sletningen, vil den først blive deaktiveret, før den slettes.

Delete the ad by selecting the three-dot menu and then "Delete ad".

Slet annoncen ved at vælge menuen med de tre prikker og derefter "Slet annonce".

Vælg videoen nedenfor for at se, hvordan du opretter en interstitiel annonce som en videoguide.

Opret en interstitiel annonce.

Den nye glattere og ikke så påtrængende interstitiel

Prenly - Book en demo
Vil du se, hvordan dit magasin eller din publikation kunne se ud i Prenly? Book en demo

© Textalk

We use DeepL and ChatGPT for translations. Occasional imprecisions may occur.