Facebook har en egen Page Plugin som låter dig generera inbäddningskod för en profils individuella Facebook-flöde och lägga in den i den anpassade koden i Sitebuilder.
Innan du börjar
Navigera till Facebook-profilen vars flöde du vill bädda in och kopiera URL:en till sidan.
Steg 1 – Generera inbäddningskoden i Page Plugin
- För att bädda in ett Facebook-flöde på din webbplatssida, öppna Facebooks Page Plugin-verktyg.
- Klistra in URL:en till Facebook-sidan du kopierade tidigare i fältet Facebook Page URL. Obs! Du kan anpassa utseendet på det inbäddade flödet här. Du kan exempelvis lägga till flikar som ska visas tillsammans med det inbäddade flödet eller ändra flödets dimensioner. Scrolla nedåt på Page Plugin-sidan för detaljerade instruktioner.
- När du är klar med inställningarna, klicka på knappen Get Code.
Page Plugin genererar två kodsnuttar som du behöver bädda in på webbplatsen: den första i Sidinställningar och den andra i HTML-embedblocket.
Steg 2 – Bädda in den första koden i Sidinställningar
Den första kodsnutten ska läggas in i Sidinställningar en gång i fältet Efter <body>-tagg. Om du vill bädda in Facebook-flödet på flera sidor på webbplatsen bör du istället lägga in den i fältet Efter <body>-tagg i fliken Anpassad kod i Webbplatsinställningar, så slipper du upprepa det här steget för varje sida.
Så här bäddar du in koden i Sidinställningar:
- I Page Plugins flik JavaScript SDK, kopiera den första koden.
- I Sitebuilder, klicka på Sidor i topbaren för att öppna Sidhanteraren. Hitta sidan du vill bädda in Facebook-flödet i och klicka på dess ikon Inställningar.
- Gå till fliken Anpassad kod, scrolla ned till fältet Efter <body>-tagg och klistra in koden du kopierade.
- Klicka på Skicka för att spara ändringarna.
Steg 3 – Bädda in den andra koden på sidan
- När du bäddat in den första koden i Sidinställningar går du tillbaka till Page Plugin och kopierar den andra koden.
- I Sitebuilder, hitta en plats där du vill bädda in Facebook-flödet och klicka på knappen Lägg till ett block (+).
- I Block-biblioteket, klicka på blocket HTML-embed och välj layouten <HTML>. Obs! Detta block kräver Sitebuilder Large.
- Håll muspekaren över blocket för att aktivera kontrollpanelen. Klicka på ikonen Anpassad HTML.
- Klistra in koden du kopierade från Page Plugin i fönstret Anpassad HTML.
Steg 4 – Lägg till <center>-taggar
För att förhindra att Facebook-flödet trycks åt sidan, lägg till <center></center>-taggar i koden.
Omslut koden med <center> och </center> så att bilden visas centrerad på sidan. Klicka på Skicka.
Resultatet blir inte synligt i det här läget – du måste publicera webbplatsen för att koden ska köras. Om du vill kontrollera hur koden fungerar innan publicering, använd knappen Förhandsgranska i topbaren.
Steg 5 – Publicera sidan
När du är klar klickar du på Publicera i Sitebuilders övre högra hörn för att göra ändringarna synliga.
Obs! Page Plugin är eventuellt inte synlig för användare i Europa om de inte är inloggade och har samtyckt till ”App and Website Cookies”. Bara båda villkoren uppfyllda låter användarna interagera med plugin-programmet.
Kombinera Facebook-flöden med annat innehåll
Maxbredden för Facebook-pluginens behållare är 500 px, vilket inte är så mycket. Därför rekommenderar vi att du kombinerar Facebook-flödet med annat innehåll. Du kan använda HTML-widgeten för detta.
Du kan exempelvis lägga till Custom-blocket på din sida och välja ett 2-kolumners grid. Lägg sedan till HTML-widgeten i en av kolumnerna och bädda in Facebook-pluginens kod (från steg 2 i den här guiden). I den andra kolumnen kan du lägga till annat innehåll som text, bilder, knappar och så vidare.
På så sätt använder du sidans utrymme produktivt och behåller en snygg layout.
