# Indlejringskode

> Lær, hvordan indlejringskoder lader skabere tilføje interaktivt indhold som videoer, formularer og checkout-widgets til websites og landingssider.

Canonical URL: https://crevio.co/da/glossary/embed-code

##  Hvad er en indlejringskode?

En indlejringskode er et uddrag af HTML eller JavaScript, der lader dig vise indhold fra en platform inde på et andet website eller en side. Skabere bruger indlejringskoder til at tilføje videoer, købsknapper, tilmeldingsformularer og andre interaktive elementer til deres websites, [landingssider](/da/glossary/landing-page) og [salgssider](/da/glossary/sales-page).

## Sådan fungerer indlejringskoder

1. **Generer kode**: Kopiér indlejringskoden fra kildens platform
2. **Indsæt i editoren**: Tilføj koden til dit website eller sidebygger
3. **Indholdet vises**: Det indlejrede indhold vises på din side
4. **Holder sig opdateret**: Ændringer på kilden afspejles automatisk på din side

## Almindelige typer indlejringer for skabere

### Videoindlejringer
- YouTube- eller Vimeo-videoer
- [video-salgsbreve](/da/glossary/video-sales-letter)
- Forhåndsvisningsklip fra kurser
- Udtalelsesvideoer

### Kassen og betaling
- Produktkøbsknapper
- Kasseformularer
- Betalingswidgets
- Køb nu-knapper

### Formularer og tilmeldinger
- Tilmeldingsformularer til e-maillister
- Indlejring af undersøgelser og quizzer
- Kontaktformularer
- Tilmeldinger til leadmagnet

### Socialt bevis
- Udtalelseskaruseller
- Anmeldelseswidgets
- Feeds fra sociale medier
- Live-købsnotifikationer

### Planlægning
- Kalenderbooking-widgets
- Aftaleplanlæggere
- Tilmelding til arrangementer

### Fællesskab
- Chat-widgets
- Kommentarafsnit
- Sociale feeds
- Live-stream-afspillere

## Eksempler på indlejringskoder

### iFrame-indlejring

```html
<iframe src="https://platform.com/content"
        width="100%"
        height="400"
        frameborder="0">
</iframe>
```

### Script-indlejring

```html
<script src="https://platform.com/widget.js"></script>
<div data-widget-id="12345"></div>
```

### Knap-indlejring

```html
<a href="https://checkout.platform.com/product"
   class="buy-button">
   Buy Now - $97
</a>
```

## Bedste praksis

### Ydeevne
- Indlej kun det, der er nødvendigt
- Overvej lazy loading for indhold nedenfor folden
- Test sidens hastighed efter tilføjelse af indlejringer
- Brug asynkron scriptindlæsning når muligt

### Sikkerhed
- Indlej kun fra betroede kilder
- Brug HTTPS-kilder til indlejringer
- Vær forsigtig med JavaScript-indlejringer
- Gennemgå tilladelser og datadeling

### Mobilresponsivitet
- Brug responsive indlejringsmuligheder
- Test på flere enheder
- Angiv passende bredde/højde-værdier
- Brug procentbaserede bredder når muligt

### Brugeroplevelse
- Sørg for, at indlejringerne indlæses hurtigt
- Giv fallback-indhold når muligt
- Overbelast ikke sider med for mange indlejringer
- Test funktionaliteten regelmæssigt

## Almindelige problemer med indlejringer

### Visningsproblemer
- Beholderen er for lille til indholdet
- Problemer med mobilresponsivitet
- Stilkollisioner med sidens CSS
- Indlæsningsfejl

### Funktionsproblemer
- Begrænsninger på tværs af oprindelse (CORS)
- Advarsler om blandet indhold med HTTPS
- JavaScript-konflikter
- Pop-up-blokkere

## Platformsspecifikke indlejringer

Forskellige platforme tilbyder forskellige indlejringsmuligheder:
- **Videohosts**: YouTube, Vimeo, Wistia
- **Betalingsudbydere**: Stripe, PayPal, Gumroad
- **E-mail**: ConvertKit, Mailchimp, Beehiiv
- **Planlægning**: Calendly, TidyCal, SavvyCal
- **Fællesskab**: Discord-widgets, Circle-indlejringer

## Alternativer til indlejringer

Når indlejringer ikke er ideelle:
- **Direkte links**: Enkle URL'er til eksternt indhold
- **Skærmbilleder med links**: Statiske billeder, der linker til live-indhold
- **Native integrationer**: Indbyggede platformforbindelser
- **[Webhooks](/da/glossary/webhook)**: Bagvedliggende datasynkronisering
