index.md

title	layout
Facebook	default

Div approach

Setup

Add the container and JS. This is a required section for the snippets which come next.

<!-- Container for iframe which will be inserted by JS. -->
<div id="fb-root"></div>

<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v4.0">
</script>

<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v4.0"> </script>

Timeline and events for Facebook's own page

Facebook

Events for Second Liners Improv page

The Second Liners Improv Troupe

Iframe approach

Note that this is a standalone approach which does not need the fb-root element and script tag in the first approach.

<iframe
    src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fsecondlinersimprov&tabs=events&width=340&height=200&small_header=true&adapt_container_width=true&hide_cover=false&show_facepile=false&appId"
    width="340" height="200"
    style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"
    allow="encrypted-media">
</iframe>

<iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fsecondlinersimprov&tabs=events&width=340&height=200&small_header=true&adapt_container_width=true&hide_cover=false&show_facepile=false&appId" width="340" height="200" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media"> </iframe>