1. Home
  2. Knowledge Base
  3. Website maken met SiteBuilder
  4. Facebook knoppen of berichten toevoegen aan een Sitebuilder website

Facebook knoppen of berichten toevoegen aan een Sitebuilder website

De Inbedden widget in het gedeelte Social media is gelijkaardig aan de HTML code widget.

Inbedden widget

Het is eigenlijk een code editor. Het enige verschil is dat de widget je rechtstreeks toegang geeft tot de webmaster / developer tools van verschillende social media websites en apps. Zo zal je kunnen:

  1. Een Vind ik Leuk, Delen, Aanbevelen, Verzenden of Pagina Volgen button van Facebook op je site plaatsen
  2. Een Facebook posting, video of volledige pagina inbedden
  3. Een Facebook feed inbedden
  4. Een Google +1 tag toevoegen
  5. Een Google+ Pagina Volgen knop toevoegen
  6. Een Google+ badge inbedden
  7. Een Google+ Delen knop inbedden
  8. Een Twitter tijdlijn van de door jou geposte tweets, van je favoriete tweets, de tweets van accounts in jouw lijsten, het resultaat van een bepaalde zoekopdracht of zoekopdrachten die in jouw collecties staan inbedden.Facebook Plugins
    Twitter feed
    Google+ button

Om de widget in jouw lay-out toe te voegen ga je naar het paneel ‘Sociaal’. Klik en versleep de ‘Inbedden’ widget naar je lay-out. Dat zal het ‘Bewerken: Inbedden’ gebied openen.

Klik en versleep de 'Inbedden' widget
Bewerken Inbedden

Om de Facebook Platform / Social Plugins pagina te openen klik je op Facebook Plug-ins. Het Facebook developers platform zal in een nieuwe tabblad geopend worden.

Vind ik leuk, Delen en / of Aanbevelen knoppen

Tip: Deze knoppen kunnen ook gemakkelijk ingevoegd worden door gebruik te maken van de Facebook Like widget vanuit het paneel Sociaal in je Sitebuilder backend. Het gebruik van de Inbedden widget geeft je meer controle.

Facebook Like widget
Bewerken Facebook Like

Wat dit doet: Bezoekers van jouw site klikken op de Vind ik leuk knop die je geïntegreerd hebt, en delen automatisch op hun Facebook-profiel dat zij jouw pagina leuk vinden of aanbevelen! De posting gaat ook naar hun Facebook muurtje, vergezeld van een aantrekkelijke afbeelding en een link naar jouw site!

Voorbeeld

  1. In de pagina van Facebook Platform Social Plugins ga je naar onderaan bij het onderdeel Like, Share & Send Button
  2. In het gedeelte Like Button klik je op de Web button
  3. Vul het formulier in en pas jouw instellingen aan tot je tevreden bent met wat je ziet in de preview box.Like Button Configurator
  4. Klik op GetCode. Dat zal het JavaScript / de html code aanmaken.
  5. Ga terug naar de backend van je Sitebuilder, waar de Inbedden editor nog altijd open staat. Kopieer de eerste en tweede reeks code een na een.
  6. Klik op Verzenden.
  7. Publiceer om de wijzigingen te bekijken.

Share / Delen knop

Tip: Je kan de Delen functie van de Vind ik goed button gebruiken. De Delen knop biedt meer weergave opties voor het aantal shares.

Facebook Like Widget
Bewerken Facebook Like

Wat dit doet: De Delen knop nodigt de bezoekers uit om je pagina te delen op hun Facebook tijdlijn, of in een privéboodschap. Hij toont het aantal keren jouw pagina reeds gedeeld werd op Facebook.

Voorbeeld delen

  1. In de pagina van Facebook Platform Social Plugins ga je naar onderaan bij het onderdeel Like, Share & Send Button
  2. In het gedeelte Share Button klik je op Web button
  3. Vul het formulier in en pas jouw instellingen aan tot je tevreden bent met wat je ziet in de preview box.Share Button Configurator
  4. Klik op GetCode. Dat zal het JavaScript / de html code aanmaken.
  5. Ga terug naar de backend van je Sitebuilder, waar de Inbedden editor nog altijd open staat. Kopieer de eerste en tweede reeks code een na een.
  6. Klik op Verzenden.
  7. Publiceer om de wijzigingen te bekijken.

Send / Verzenden button

Wat dit doet: De Send / Verzenden knop nodigt de bezoekers van jouw pagina uit om die via Facebook Messenger te verzenden naar een groep, een vriend, of naar zichzelf.

Voorbeeld Send knop

  1. In de pagina van Facebook Platform Social Plugins ga je naar onderaan bij het onderdeel Like, Share & Send Button
  2. In het gedeelte Send Button klik je op de Web button
  3. Vul het formulier in en pas jouw instellingen aan tot je tevreden bent met wat je ziet in de preview box.
  4. Klik op GetCode. Dat zal het JavaScript / de html code aanmaken.
  5. Ga terug naar de backend van je Sitebuilder, waar de Inbedden editor nog altijd open staat. Kopieer de eerste en tweede reeks code een na een.
  6. Klik op Verzenden.
  7. Publiceer om de wijzigingen te bekijken.

Embedded Posts

Wat dit doet: Hiermee kan je een bepaalde Facebook posting, van jou of iemand anders, in je website inbedden.

Embedded post

  1. In de pagina Facebook Platform Social Plugins ga je naar onderaan de pagina, bij het gedeelte Embedded Posts & Video Player
  2. In het gedeelte Embedded Posts klik je op de Web button
  3. Vul het formulier in en pas jouw instellingen aan tot je tevreden bent met wat je ziet in de preview box
    Code generator

    1. Tip: Om de URL van de Facebook posting te vinden, moet je gewoon de posting vinden en die dan openen in een nieuw tabblad of venster. Dat kan je doen door op de tijdstempel te klikken. Kopieer de URL vanuit de adresbalk.

    URL van de Facebook posting

  4. Klik op GetCode. Dat zal het JavaScript / de html code aanmaken.
  5. Ga terug naar de backend van je Sitebuilder, waar de Inbedden editor nog altijd open staat. Kopieer de eerste en tweede reeks code een na een.
  6. Klik op Verzenden.
  7. Tip: Je kan de Kolommen widget gebruiken om de posting centraal te zetten.Kolommen
  8. Publiceer om de wijzigingen te bekijken.

Embedded Video Player

Wat dit doet: Hiermee kan je een video die door jou of iemand anders op Facebook gemaakt is, inbedden in jouw site. De aldus ingebedde video heeft een Vind ik leuk knop, een Delen knop, een link naar jouw Facebook video posting, en een link naar jouw Facebook pagina! Het is een prachtige manier om jouw aanwezigheid in de sociale media te versterken.

Voorbeeld Embedded Video Player

Tip: Wil je een video inbedden die naar YouTube geüpload is, gebruik dan de Media >> YouTube widget.

  1. In de pagina Facebook Platform Social Plugins ga je naar onderaan de pagina, bij het gedeelte Embedded Posts & Video Player
  2. In het gedeelte Embedded Video Player klik je op de Web button
  3. Vul het formulier in en pas jouw instellingen aan tot je tevreden bent met wat je ziet in de preview box.Code Generator
    1. Tip: Om de URL van de Facebook video te vinden, moet je gewoon de gewenste posting vinden en die openen in een nieuw tabblad of venster. Dat kan je doen door op de tijdstempel te klikken. Kopieer de URL vanuit de adresbalk.URL van de Facebook video
  4. Klik op GetCode. Dat zal het JavaScript / de html code aanmaken.
  5. Ga terug naar de backend van je Sitebuilder, waar de Inbedden editor nog altijd open staat. Kopieer de eerste en tweede reeks code een na een.
  6. Klik op Verzenden.
  7. Tip: Je kan de Kolommen widget gebruiken om de posting centraal te zetten.Kolommen
  8. Publiceer om de wijzigingen te bekijken.

Page Plugin

Tip: Dezelfde functie kan je ook bereiken door de Facebook Feed widget te gebruiken in het paneel Sociaal van je Sitebuilder backend. Je krijgt meer controle wanneer je de Inbedden widget gebruikt.

Facebook Feed

Wat dit doet: Met de Page Plugin tool kan je je volledige Facebook pagina integreren in een venster op jouw website. Bezoekers kunnen zo interageren met jouw Facebook pagina zonder jouw site te verlaten.

Voorbeeld Page Plugin Tool

  1. In de Facebook Platform Social Plugins pagina ga je onderaan naar het gedeelte Page Plugin
  2. In het Page Plugin gedeelte klik je op de Web button
  3. Vul het formulier in en pas jouw instellingen aan tot je tevreden bent met wat je ziet in de preview box.Formulier/instellingen
    1. Tip: Om de URL van de Facebook pagina te vinden moet je gewoon de pagina openen en de URL vanuit de adresbalk kopiëren.URL van de Facebook pagina
  4. Klik op GetCode. Dat zal het JavaScript / de html code aanmaken.
  5. Ga terug naar de backend van je Sitebuilder, waar de Inbedden editor nog altijd open staat. Kopieer de eerste en tweede reeks code een na een.
  6. Klik op Verzenden.
  7. Tip: Je kan de Kolommen widget gebruiken om de posting centraal te zetten.Kolommen
  8. Publiceer om de wijzigingen te bekijken.

Commentaren

Tip: Dezelfde functie kan ook gemakkelijk bereikt worden door gebruik te maken van de Facebook Commentaar widget uit het paneel Sociaal in jouw Sitebuilder backend. Je hebt meer controle wanneer je de Inbedden widget gebruikt.

Facebook commentaar

Wat dit doet: De widget creëert een veld op jouw site waar enkele van de laatste commentaren getoond worden die bezoekers geplaatst hadden.

Voorbeeld Facebook commentaar

  1. In de Facebook Platform Social Plugins pagina ga je naar onder, naar het gedeelte Commentaren
  2. Klik op de Web button
  3. Vul het formulier in en pas jouw instellingen aan tot je tevreden bent met wat je ziet in de preview box.Comments Plugin Code Generator
    1. Tip: Om de URL van de Facebook pagina te vinden moet je gewoon de pagina openen en de URL vanuit de adresbalk kopiëren.URL van de Facebook pagina
  4. Klik op GetCode. Dat zal het JavaScript / de html code aanmaken.
  5. Ga terug naar de backend van je Sitebuilder, waar de Inbedden editor nog altijd open staat. Kopieer de eerste en tweede reeks code een na een.
  6. Klik op Verzenden.
  7. Tip: Je kan de Kolommen widget gebruiken om de posting centraal te zetten.Kolommen
  8. Publiceer om de wijzigingen te bekijken.

Volgen / Follow button

Wat dit doet: Voeg een Volgen button aan je site toe zodat fans zich kunnen abonneren op de feed van jouw Facebook pagina, of zodat getoond wordt hoeveel volgers je al hebt.

Voorbeeld Volgen button

  1. In de Facebook Platform Social Plugins pagina ga je naar onderaan de afdeling Volgen / Follow button.
  2. Klik op de Web button
  3. Vul het formulier in en pas jouw instellingen aan tot je tevreden bent met wat je ziet in de preview box.Formulier/instellingen
    1. Tip: Om de URL van de Facebook pagina te vinden moet je gewoon de pagina openen en de URL vanuit de adresbalk kopiëren.URL van de Facebook pagina
  4. Klik op GetCode. Dat zal het JavaScript / de html code aanmaken.
  5. Ga terug naar de backend van je Sitebuilder, waar de Inbedden editor nog altijd open staat. Kopieer de eerste en tweede reeks code een na een.
  6. Klik op Verzenden.
  7. Tip: Je kan de Kolommen widget gebruiken om de posting centraal te zetten.Kolommen
  8. Publiceer om de wijzigingen te bekijken.

Om andere Facebook opties uit te proberen ga naar https://developers.facebook.com/

Updated on 3 September 2020

Was this article helpful?

Hulp nodig?
Geen oplossing gevonden? Maak je geen zorgen, we zijn er altijd om je te helpen!
Contacteer support

Geen oplossing gevonden?

support_bottom_contact_alt

Onze specialisten staan 24/7 klaar met gratis support. Aarzel niet om Joachim en zijn collega's te contacteren via e-mail of telefoon.

support_bottom_contact_alt
Joachim Coessens Specialist Support