Integration in Facebook

RobertoStrife · July 2013

Hey guys,

I'm trying to integrate my forum (http://toneelgroepantwerpen.be/forum) into my facebook-page (https://www.facebook.com/ToneelgroepAntwerpen), it's not really working yet though!

I followed every direction here: http://vanillaforums.com/blog/help/embedding-a-vanilla-forum-on-a-facebook-page/

But to no avail! The static page still comes out as blank! What do I do?

Thanks so much in advance!

vrijvlinder · July 2013

Ok , this all depends on what html app you chose to use.

★ Thunderpenny Static HTML works for me

Sometimes if your content is not from https Facebook messes with it and it does not display correctly. Also since the html app is an iframe not all browsers support it.

Use the iframe for the forum instead of the js . to embed

vrijvlinder · July 2013

it should look like this when you embed in a facebook page

<!DOCTYPE html>

<html>
<head>

<title>GFZ</title>

<meta http-equiv="content-type" content="text/html; charset=utf-8">
<link rel="shortcut icon" href="https://yoursite.org/gfz10.png">
</head>

<style type="text/css">

body {
background-image : url(https://yoursite.org/gfz10.png);
background-repeat : repeat;
background-color : transparent;
text-align:center;color:white;
font-size:60px;
font-weight:bold;}

a {
color : white;
font-size : 20px;
font-weight : bold;
}
a:hover, a:hover image, a:link:hover, a:link img:hover {
color :red;
font-size : 20px;
font-weight : bold;
}

  content{overflow:hidden}

  iframe{width:100%!important;}
</style>
<body>
  <iframe id="vanilla78730" name="vanilla78730" src="https://www.yoursite.org/Forum/index.php?p=/&amp;t=16666917096803&amp;remote=https%3A%2F%2Fadmin.statichtmlapp.com%2Ftab%2F1%2Fadmin" scrolling="no" frameborder="0" border="0" width="100%" height="1000" style="width: 100%; height: 1000px; border: 0px; display: block; "></iframe>



</body> 
</html>

RobertoStrife · July 2013

Hey thanks for your reactions, how do I generate the Iframe, or should I write it myself?

vrijvlinder · July 2013

You can embed the js somewhere and then inspect the source code to pick out the iframe for vanilla..

try embedding here http://www.practiceboard.com then look at the source code and extract the iframe code.

or you can use an extractor

http://www.webtoolhub.com/tn561363-javascript-extractor.aspx

just paste the url of the vanilla embed js file src .

RobertoStrife · July 2013

Thanks, worked!

Integration in Facebook

Comments