YouTube-embeddings: Det du bør vide i 2024

Lad os slå fast med det samme — en hjemmeside uden video føles ufuldstændig i 2024. Produktdemoer, kundeudtalelser, tutorials. Du vedhvad jeg taler om.

Men det de fleste tutorials glemmer at nævne? Måden du embedded videoen på, betyder mere end du tror.

Performance-problemet

Hver gang en besøgende lander på en side med et YouTube-embed, loader din side YouTubes fulde playersruktur. Det sker også selvom vedkommenden aldrig trykker play.

Resultatet? 500KB til 1MB unødvendig JavaScript, der kan sænke din sidehastighed markant — især på mobile forbindelser.

Løsningen er lazy loading med facades.

I stedet for at loade YouTube-afspilleren med det samme viser du et miniaturebillede, der ligner videoafspilleren. Den rigtige YouTube-embedning加载er først når brugeren klikker på play. Den simple teknik kan skære dine indlæsningstider ned med adskillige sekunder.

Sådan implementerer du det:

<!-- Facade-tilgangen -->
<div class="video-facade" data-video-id="DIN_VIDEO_ID">
  <img src="https://img.youtube.com/vi/DIN_VIDEO_ID/maxresdefault.jpg" 
       alt="Video thumbnail">
  <button class="play-button">▶</button>
</div>

Tilføj derefter JavaScript der udskifter billedet med den rigtige iframe, når der klikkes.

Privatlivspolitik og sikkerhed

Driver du en erhvervshjemmeside? Brug altid YouTube nocookie-domænet:

<iframe src="https://www.youtube-nocookie.com/embed/VIDEO_ID" 
        frameborder="0" 
        allowfullscreen>
</iframe>

Det sikrer at YouTube ikke sætter cookies på dine besøgendes browsere, før de aktivt interagerer med videoen. GDPR-kompatibelt og rarere for dine brugere.

Pro-tips til din embed-strategi

** Ét: Angiv altid eksplicitte dimensioner eller brug aspect ratio-containere. Intet ødelægger et flot layout hurtigere end en video der flytter indhold rundt mens den indlæses.

** To: Slå privacy-enhanced mode til (youtube-nocookie.com) for alle sider der retter sig mod europæiske besøgende. Det er ikke bare god praksis — i nogle jurisdiktioner er det et krav.

** Tre: Overvej selvhosting af kritiske videoer, hvis performance er afgørende. YouTubes CDN er glimrende, men hvis hver millisekund tæller på din landingsside, giver dit eget setup fuld kontrol.

Hvornår YouTube fungerer — og hvornår det ikke gør

YouTube-embeddings er perfekte til marketingindhold, tutorials og videoer hvor synlighed betyder noget. YouTubes algoritme kan vise dit indhold til nye målgrupper.

Men hvis du embedder bag en login, har brug for offline-adgang eller vil have fuld branding-kontrol, så host videoen direkte gennem din hostingplatform eller en dedikeret videotjeneste.

Hos NameOcean har vi set utallige startups øge deres konverteringsrater ved at tilføje strategisk video til deres landingssider. Nøglen er at gøre det gennemtænkt — ikke bare at smide embeds ind alle vegne.

Din hjemmeside, dine regler. Sørg bare for at dine videoer arbejder for dig, ikke imod dine performance-målinger.

Afsluttende tanker

Video-embedding er en af de opgaver der er "nem at lave, nem at lave forkert". Den type der adskiller amatørhjemmesider fra professionelle produkter.

Brug de ekstra femten minutter på at implementere lazy loading og privacy-enhanced embeds. Dine brugere — og din Google PageSpeed-score — vil takke dig.