HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.

Integration in Facebook

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!

Comments

  • vrijvlindervrijvlinder Papillon-Sauvage MVP

    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

  • vrijvlindervrijvlinder Papillon-Sauvage MVP

    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>
    
  • Hey thanks for your reactions, how do I generate the Iframe, or should I write it myself?

  • vrijvlindervrijvlinder Papillon-Sauvage MVP
    edited 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 .

  • Thanks, worked!

Sign In or Register to comment.