Facebook
Plug-ins
On this page
Facebook Likes
To add a Facebook 'Like / Share' button you need to generate the appropriate code at https://developers.facebook.com/docs/plugins/like-button . Configure the button using the 'Like Button Configurator' and grab the Iframe code - (not the Javascript SDK code)
To add to Google Sites use the Embed Code tool
Infuriatingly, although this did work for me initially, it mysteriously stopped working and at this point in time I have not manage to work out why or get it to work again
Facebook Comments
To add a Facebook 'Comments Plugin' you need to generate the appropriate code at https://developers.facebook.com/docs/plugins/like-button
The code comes in two parts:
The first part comes with the instruction: Include the JavaScript SDK on your page once, ideally right after the opening body tag
The second part comes with the instruction: Place this code wherever you want the plugin to appear on your page.
To add to Google Sites you just need to combine these two code snippets together and embed using the Embed Code tool
E.g. Part 1 (redacted)
<div id="fb-root"></div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v9.0&appId=XXXXXXXXXX&autoLogAppEvents=1" nonce="8pcQ7ts1"></script>
E.g. Combined (redacted)
<div id="fb-root"></div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v9.0&appId=XXXXXXXXXX&autoLogAppEvents=1" nonce="8pcQ7ts1"></script><div class="fb-comments" data-href="https://newsitesguide.pjrprojects.co.uk/" data-width="" data-numposts="5"></div>
E.g. Part 2
<div class="fb-comments" data-href="https://newsitesguide.pjrprojects.co.uk/" data-width="" data-numposts="5"></div>
Here is the resulting Facebook comment plugin