beadluck.pages.dev

Bädda in webbsida

Så Här Bäddar du in iFrame-kod på din WordPress-webbplats (Manuellt Och Med Plugins)

Att dela innehåll är ganska vanligt. Men att använda någon annans innehåll på din webbplats har potentiella rättsliga konsekvenser, medan att hosta stora filer som videor kan skada webbplatsens prestanda. Lyckligtvis ger iFrames en enkel lösning på dessa problem.

I det här inlägget förklarar vi vad iFrames är och hur du använder dem på din WordPress-webbplats.

Redo att börja? Nu sätter vi igång!

Vad är iFrames (Och Varför är de Användbara)?

En iFrame är ett sätt att bädda in en webbsida i innehållet på en annan sida. Detta görs med hjälp av HTML-taggar, den externa sidans URL, och specifikationer om hur fönstret ska visas på din webbplats.

Det finns två situationer där iFrames är allmänt användbara.

Den första är när du vill dela innehåll som inte tillhör dig. I de flesta fall anses det inte vara upphovsrättsintrång att bädda in innehåll via en iFrame (se även EU styrande). Därför är det i allmänhet en juridisk och mer etisk metod att dela än de flesta andra alternativ. Dessutom kan koden inom en iFrame inte nås direkt. Det innebär att en besökare på din webbplats inte kan kopiera det i

Med funktioner för inbäddning av innehåll kan du skapa innehållsavsnitt i HubSpot och sedan bädda in dem på din HubSpot- eller WordPress-webbplats. För närvarande är det bara Wordpress Gutenberg-redigerare som stöder inbäddning av innehåll.

Observera:

Skapa en inbäddning av innehåll

Observera: De funktioner för inbäddning av innehåll som beskrivs i avsnitten nedan stöder för närvarande inte modulen Blogginlägg.

Du kan skapa unika innehållsavsnitt med hjälp av dra-och-släpp-redigeringsverktyg.

  • I ditt HubSpot-konto navigerar du till Innehåll > Inbäddningar.
  • Klicka på Skapa inbäddning längst upp till höger.
  • I dialogrutan anger du ett namn för innehållsinbäddningen och klickar sedan på Skapa.
  • I redigeraren för innehållsinbäddning klickar du på ikonen addLägg till i det vänstra sidofältet.
  • Klicka på fliken Layouter i sidofältsredigeraren, klicka sedan på en layout och dra den till rätt position.
  • Klicka på ikonen addLägg till i det vänstra sidofältet, klicka sedan på en modul och dra den över layouten.

  • För att förhandsgranska din innehållsinbäddning klickar du på Förhandsgranska längst upp till höger. Observera att om du bäddar in på en

    Bädda in en video från Facebook på en webbplats

    Om du vill dela något från Facebook på din webbplats kan du bädda in ett offentligt inlägg eller en offentlig video.

    När du bäddar in ett inlägg som innehåller en video ingår även meddelandet som publicerades tillsammans med videon. När du bäddar in en video är det bara videon som visas.

    Så här bäddar du in en video:

    1. Öppna Facebook på en dator.
    2. Gå till videon som du vill bädda in.
    3. Klicka på och välj Bädda in. Tänk på att du bara ser det här alternativet om videons målgrupp är inställd på Offentlig.
    4. Kopiera koden som visas och klistra in den på din webbplats eller webbsida.

    Om du bäddar in en video och videons målgrupp ändras från Offentlig visas ett meddelande på webbplatsen om att den inbäddade videon inte längre är tillgänglig.

    Obs! Facebook erbjuder för närvarande inte alternativet att ladda ned videor.

    Med funktionen för innehållsinbäddning kan du skapa innehållsavsnitt i HubSpot och sedan bädda in dem på din webbplats. För att lägga till en innehållsinbäddning på en extern webbplatssida kan du antingen använda plugin-programmet för innehållsinbäddning för WordPress Gutenberg-redigerare eller kopiera inbäddningskoden direkt i HubSpot.

    Nedan kan du läsa mer om hur du kopierar inbäddningskoden för innehåll, tillsammans med bästa praxis för att upprätthålla sidans CLS-poäng (Cumulative Layout Shift).

    Observera:

    Kopiera den inbäddade koden

    Så här kopierar du inbäddningskoden för ett avsnitt med inbäddat innehåll:

    • I ditt HubSpot-konto navigerar du till Innehåll > Inbäddningar.
    • Håll muspekaren över en inbäddning, klicka sedan på Mer och välj Hämta inbäddningskod.

    • I dialogrutan klickar du på Kopiera för att kopiera inbäddningskoden.

    Du kan sedan klistra in inbäddningskoden i ditt externa innehåll efter behov. När du klistrar in inbäddningskoden bör du tänka på följande:

    • En innehållsinbäddning får sin styling från sidan som den är inbäddad på, inte från HubSpot. För att justera utseendet på innehållsinbäddningen måste du uppdatera sidans CSS. Om du använder

      .