De Inbedden widget in het gedeelte Social media is gelijkaardig aan de HTML code 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.

     

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.

Om het Google Developers Platform te openen, klik je op Google+ Button. Het Google Developers Platform zal in een nieuw tabblad geopend worden.

Google +1 button

Wat dit doet:

Creëert een +1 button op jouw site. Bezoekers die op de button klikken krijgen een pop-up venster waarin gevraagd wordt of zij jouw website publiek of enkel met hun kringen als een link willen delen.

Eenvoudige button:

Om gemakkelijk een button aan te maken moet je gewoon de code kopiëren van de +1 button gids - in het gedeelte 'A simple button':

<script src="https://apis.google.com/js/platform.js" async defer></script> <g:plusone></g:plusone>

Aanpasbare button:

Wij adviseren je echter om in de plaats daarvan de HTML5-klare +1 tag versie te gebruiken. Zie hieronder.

<script src="https://apis.google.com/js/platform.js" async defer></script> <div class="g-plusone"></div>

Gebruik je deze versie, dan kan je de button heel goed aanpassen aan jouw smaak. Gebruik gewoon bij elke button attribuut 'data-' als prefix. De volledige lijst met attributen vind je in de Google gids. Hieronder vind je enkele voorbeelden..

Voorbeelden:

1. Gebruik deze lijnen code indien je wil dat het pop-up venster in het NEDERLANDS verschijnt:

   <script> window.___gcfg = { lang: 'nl' }; </script> <script src="https://apis.google.com/js/platform.js" async defer></script> <div class="g-plusone"></div>

2. Gebruik deze lijnen code indien je wil dat het pop-up venster in het FRANS verschijnt:

   <script> window.___gcfg = { lang: 'fr' }; </script> <script src="https://apis.google.com/js/platform.js" async defer></script> <div class="g-plusone"></div>

3. Gebruik deze lijnen code om de GROOTTE (size) van de button te veranderen - je kan kiezen voor waarden tussen data-size="small", data-size="medium", data-size="standard" of data-size="tall":

   <script src="https://apis.google.com/js/platform.js" async defer></script> <div class="g-plusone" data-size="small"></div>

4. Gebruik deze lijnen code met data-annotation="none" om het aantal gebruikers te verbergen dat jouw pagina al een +1 gaven.

   <script src="https://apis.google.com/js/platform.js" async defer></script> <div class="g-plusone" data-annotation="none"></div>

Tip: Meer instellingen vind je op: https://developers.google.com/+/web/+1button/

Google + Volgen / Follow Button

Wat dit doet:

Het maakt een Follow button aan voor jouw Google+ pagina of die van iemand anders.

Wat je nodig hebt:

1. Een Google+ pagina
2. Jouw Google+ pagina ID

Tip: Zo kan je gemakkelijk jouw Google+ pagina ID vinden. Open je Google+ profiel en ga naar je zakelijke pagina. In de adresbalk zou de URL er zo ongeveer moeten uitzien: https://plus.google.com/b/*********************/dashboard/overview De cijfers die hierboven vervangen werden door sterretjes, zijn jouw pagina ID.

Eenvoudige button:

Om de knop gemakkelijk aan te maken moet je de eenvoudige code van de Follow Button gids kopiëren en ervoor zorgen dat je JOUW pagina ID vermeldt:

<script src="https://apis.google.com/js/platform.js" async defer></script> <g:follow href="https://plus.google.com/*********************" rel="author"></g:follow>

Aanpasbare button (Aanbevolen):

<script src="https://apis.google.com/js/platform.js" async defer></script> <div class="g-follow" data-href="https://plus.google.com/*********************" data-rel=" author "></div>

Voorbeelden:

1. Gebruik deze lijnen code indien je wil dat het pop-up venster in het NEDERLANDS verschijnt:

   <script > window.___gcfg = { lang: 'nl', parsetags: 'onload' }; </script> <script src="https://apis.google.com/js/platform.js" async defer></script> <div class="g-follow" data-href="https://plus.google.com/*********************" data-rel=" author "></div>

2. Gebruik deze lijnen code indien je wil dat het pop-up venster in het FRANS verschijnt:

   <script > window.___gcfg = { lang: 'fr', parsetags: 'onload' }; </script> <script src="https://apis.google.com/js/platform.js" async defer></script> <div class="g-follow" data-href="https://plus.google.com/*********************" data-rel=" author "></div>

3. Gebruik deze lijnen code met data-annotation = "none" om het aantal gebruikers TE VERBERGEN dat jouw pagina reeds volgt.

   <script src="https://apis.google.com/js/platform.js" async defer></script> <div class="g-follow" data-href="https://plus.google.com/*********************" data-rel="author" data-annotation="none"></div>

Tip: Meer instellingen vind je op: https://developers.google.com/+/web/follow/

Google+ badge

Wat dit doet:

Het maakt een badge van jouw Google+ pagina aan in jouw website-lay-out. Die badge vertoont jouw profielfoto, de cover afbeelding, de naam en jouw tagline. En ook een Follow / Volgen button.

 

Wat je nodig hebt:

1. Een Google+ pagina
2. Jouw Google+ pagina ID

Tip: Zo kan je gemakkelijk jouw Google+ pagina ID vinden. Open je Google+ profiel en ga naar je zakelijke pagina. In de adresbalk zou de URL er zo ongeveer moeten uitzien: https://plus.google.com/b/*********************/dashboard/overview De cijfers die hierboven vervangen werden door sterretjes, zijn jouw pagina ID.

Aanpasbare button (Aanbevolen):

<script src="https://apis.google.com/js/platform.js" async defer></script> <div class="g-page" data-href="https://plus.google.com/*********************"></div>

Voorbeelden:

1. Gebruik deze lijnen code indien je wil dat de badge in het NEDERLANDS is:

   <script > window.___gcfg = { lang: 'nl', parsetags: 'onload' }; </script> <script src="https://apis.google.com/js/platform.js" async defer></script> <div class="g-page" data-href="https://plus.google.com/*********************"></div>

2. Gebruik deze lijnen code indien je wil dat de badge in het FRANS is:

   <script > window.___gcfg = { lang: 'fr', parsetags: 'onload' }; </script> <script src="https://apis.google.com/js/platform.js" async defer></script> <div class="g-page" data-href="https://plus.google.com/*********************"></div>

Tip: Meer instellingen vind je op: https://developers.google.com/+/web/badge/

Google+ share/ delen button

Wat dit doet:

Dit maakt een Share / Delen button aan op jouw website. De posting gaat naar de Google+ feed van de bezoeker, samen met een aantrekkelijke afbeelding en een link naar jouw site!

Aanpasbare button (Aanbevolen):

<script src="https://apis.google.com/js/platform.js" async defer></script> <div class="g-plus" data-action="share"></div>

1. Gebruik deze lijnen code indien je wil dat de button in het NEDERLANDS verschijnt:

   <script > window.___gcfg = { lang: 'nl', parsetags: 'onload' }; </script> <script src="https://apis.google.com/js/platform.js" async defer></script> <div class="g-plus" data-action="share"></div>

2. Gebruik deze lijnen code indien je wil dat de button in het FRANS verschijnt:

   <script > window.___gcfg = { lang: 'fr', parsetags: 'onload' }; </script> <script src="https://apis.google.com/js/platform.js" async defer></script> <div class="g-plus" data-action="share"></div>

Tip: Meer instellingen vind je op: https://developers.google.com/+/web/share/