Med funktionen til indlejring af indhold kan du oprette indholdssektioner i HubSpot og derefter indlejre dem på din hjemmeside. For at tilføje en indholdsindlejring til en ekstern webside kan du enten bruge plugin'et til indholdsindlejring til WordPress' Gutenberg-editor eller kopiere indlejringskoden direkte i HubSpot.
Nedenfor kan du læse mere om, hvordan du kopierer koden til indlejring af indhold, samt om bedste praksis for at opretholde din sides CLS-score (Cumulative Layout Shift).
Bemærk: Indlejret indhold indlæses ikke via en iframe, men injiceres via JavaScript. Søgemaskiner kan udføre JavaScript og vil opfange det indlejrede indhold, så man undgår de SEO-udfordringer, som iframes kan give.
Sådan kopieres indlejringskoden til en sektion med indlejret indhold:
Du kan derefter indsætte indlejringskoden i dit eksterne indhold efter behov. Når du indsætter indlejringskoden, skal du huske følgende:
hs-sites domænefooter. Dette hjælper med at bevare dine domænespecifikke footere. Alt indhold, der er inkluderet i hs-sites -footeren, vil dog blive indsat på den eksterne side sammen med det indlejrede indhold. Hvis du f.eks. har en ansvarsfraskrivelse for ophavsret i hs-sites -domænets sidefod, vil ophavsretten blive vist på den eksterne side sammen med det indlejrede indhold. Lær, hvordan du ændrer indhold i domænespecifikke footere.Afhængigt af hvordan du bruger den indlejrede kode, er det muligt, at indholdet kan påvirke din sides CLS-score (Cumulative Layout Shift), som måler, hvor meget dit sideindhold bevæger sig rundt i den besøgendes viewport, mens det indlæses. Der er to faktorer, der vil påvirke din CLS-score:
Hvis du ser en negativ indvirkning på din CLS-score efter indlejring af indhold, kan du læse afsnittene om bedste praksis nedenfor for at finde mulige løsninger.
Når det er muligt, bør indhold indlejres under sidens fold. Det skyldes, at CLS-score gælder for indhold over folden, da det typisk er det, den besøgende ser ved første sideindlæsning. Indlejring af indhold under folden vil reducere ethvert indledende layoutskift forårsaget af indholdsindlejringen, hvilket forbedrer brugeroplevelsen og mindsker den negative CLS-score.
Som standard indeholder koden til indlejring af indhold indlejringsscriptet (linje 2 nedenfor).
<div id="hs-embed-61405464936-1wgzc8"> <script type="text/javascript" src="[EMBED SCRIPT SRC]">
</script> <script> hbspt.content.create({...}); </script></div>
Når du indlejrer indhold på en ekstern side, anbefales det at flytte indlejringsscriptet til <head> på siden i stedet for ved siden af scriptet til oprettelse af indlejring.
Højden på den indlejrede indholdscontainer påvirker, hvor meget indholdet omkring den forskydes under indlæsningen. Beholderens højde afhænger af de moduler og det indhold, der er inkluderet - jo mere indhold der er i indlejringen, jo mere vil siden flytte sig.
Hvis du indlejrer dit indhold over folden, anbefales det derfor at indstille en minimumshøjde for indlejringen ved at inkludere en inline min-height CSS-regel i indlejringscontainerens indpakning.
Hvis du indlejrer indhold i et eksternt CMS, kan der være layoutmuligheder til rådighed i den eksterne sideeditor til at opdatere indlejringshøjden. Ellers kan du manuelt tilføje denne styling til det indlejrede indholds øverste niveau <div>, som vist nedenfor.
<div id="hs-embed-61405464936-1wgzc8" style="min-height: 500px;"> <script type="text/javascript" src="[EMBED SCRIPT SRC]"></script> <script> hbspt.content.create({...}); </script></div>
Bemærk: Hvis du tilpasser det indlejrede indhold pr. side, skal du muligvis opdatere reglen om minimumshøjde på hver side, så indholdet vises korrekt.
For at finde minimumshøjden kan du inspicere den side, hvor indholdet er indlejret. For HubSpot-sider kan du bruge funktionen til forhåndsvisning af sider til at finde minimumshøjden, før du udgiver siden. Læs mere om forhåndsvisning af indhold i WordPress.
Mens du ser siden med det indlejrede indhold:
<div> af det indlejrede indhold.