Welcome to TalkGraphics.com
Page 1 of 2 12 LastLast
Results 1 to 10 of 19
  1. #1

    Default Is it possible to embed a whole Facebook page

    Hi,

    Quick question - I have a Facebook page which I quickly post news and info to which I'd like to add to my main website as either a small feed or the entire page. Is there a widget or easy way of doing this incorporating it into the main site?

    Thank you

  2. #2
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    17,746

    Default Re: Is it possible to embed a whole Facebook page

    Quote Originally Posted by Britangie1 View Post
    Hi,
    Quick question - I have a Facebook page which I quickly post news and info to which I'd like to add to my main website as either a small feed or the entire page. Is there a widget or easy way of doing this incorporating it into the main site?
    Thank you
    Have you tried the Embed a website Widget?

    Acorn
    Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
    When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat

  3. #3

    Default Re: Is it possible to embed a whole Facebook page

    Quote Originally Posted by Acorn View Post
    Have you tried the Embed a website Widget?

    Acorn
    No not yet - wasn't sure if there was a specific Facebook widget for this - didn't realise there was a website one - just want it to sit within a frame and my header /menus

  4. #4

    Default Re: Is it possible to embed a whole Facebook page

    Can I get widgets only from the online catalogue or from the software itself? I have premium atm and I'm worried that as my purchase from last year expired in Feb I no longer have access to any widgets which I'm finding astounding if true for what I paid. I'm hoping I just can't see them and I have them wrong...

    (I've looked in my designs gallery and I have nothing at all.... )
    Last edited by Britangie1; 10 March 2018 at 03:07 PM.

  5. #5

    Default Re: Is it possible to embed a whole Facebook page

    As I'm trying to find an alternative way to do this I'm trying https://developers.facebook.com/docs...s/page-plugin/
    I've put the html code into the body in the page properties but I'm stuck with a fb page to the top left side of my image pushing my website to the right. I figure I need to put the plugin code actually in the layers on the page to stay within the website page but I can't see where to put the HTML code into the mouse off layer or another layer on the page. I don't want to end up with a layer of the html code in text.
    I really don't want to upgrade when I can't afford another £50 right now. Surely premium should come with some basic widgets as part of the basic programme?

  6. #6
    Join Date
    Aug 2000
    Location
    Placitas, New Mexico, USA
    Posts
    41,487

    Default Re: Is it possible to embed a whole Facebook page

    You want to create an iframe. https://www.w3schools.com/tags/tag_iframe.asp Create this and add it to a placeholder rectangle.

  7. #7
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    17,746

    Default Re: Is it possible to embed a whole Facebook page

    Most major social site and search engines will use meta tags and code to block their property being displayed within an IFRAME.
    You can try with this:
    Placeholder code (body): <iframe src="https://www.facebook.com/imdb" width="100%" height="100%" frameborder="0" scrolling="no" name="facebook" id="facebook"><p>Your browser does not support iframes</p></iframe>

    The correct way to use the Facebook Page Plugin is to select the style needed then click the Get Code button.
    Create a Placeholder rectangle on your MouseOff layer.

    Add
    HTML code (head):
    <divid="fb-root"></div>
    <script>(function(d, s, id){
    var js, fjs = d.getElementsByTagName(s)[0];
    if(d.getElementById(id))return;
    js
    = d.createElement(s); js.id = id;
    js
    .src ='https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.12';
    fjs
    .parentNode.insertBefore(js, fjs);
    }(document,'script','facebook-jssdk'));</script>

    HTML code (body):
    <divclass="fb-page"data-href="https://www.facebook.com/facebook"data-tabs="timeline"data-small-header="true"data-adapt-container-width="true"data-hide-cover="true"data-show-facepile="true"><blockquotecite="https://www.facebook.com/facebook"class="fb-xfbml-parse-ignore"><ahref="https://www.facebook.com/facebook">Facebook</a></blockquote></div>
    Technically, the head code should be in the Page HTML code (head) but it is cleans to have one Placeholder with everything together.

    All you then do is resize and position the Placeholder and change the data-href to your page.

    Acorn
    Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
    When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat

  8. #8

    Default Re: Is it possible to embed a whole Facebook page

    Quote Originally Posted by gwpriester View Post
    You want to create an iframe. https://www.w3schools.com/tags/tag_iframe.asp Create this and add it to a placeholder rectangle.
    Oh thank you!

  9. #9

    Default Re: Is it possible to embed a whole Facebook page

    Quote Originally Posted by Acorn View Post
    Most major social site and search engines will use meta tags and code to block their property being displayed within an IFRAME.
    You can try with this:
    Placeholder code (body): <iframe src="https://www.facebook.com/imdb" width="100%" height="100%" frameborder="0" scrolling="no" name="facebook" id="facebook"><p>Your browser does not support iframes</p></iframe>

    The correct way to use the Facebook Page Plugin is to select the style needed then click the Get Code button.
    Create a Placeholder rectangle on your MouseOff layer.

    Add
    HTML code (head):
    <divid="fb-root"></div>
    <script>(function(d, s, id){
    var js, fjs = d.getElementsByTagName(s)[0];
    if(d.getElementById(id))return;
    js
    = d.createElement(s); js.id = id;
    js
    .src ='https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.12';
    fjs
    .parentNode.insertBefore(js, fjs);
    }(document,'script','facebook-jssdk'));</script>

    HTML code (body):
    <divclass="fb-page"data-href="https://www.facebook.com/facebook"data-tabs="timeline"data-small-header="true"data-adapt-container-width="true"data-hide-cover="true"data-show-facepile="true"><blockquotecite="https://www.facebook.com/facebook"class="fb-xfbml-parse-ignore"><ahref="https://www.facebook.com/facebook">Facebook</a></blockquote></div>
    Technically, the head code should be in the Page HTML code (head) but it is cleans to have one Placeholder with everything together.

    All you then do is resize and position the Placeholder and change the data-href to your page.

    Acorn
    Oh you are a lifesaver I was at a loss as to what to do with the second part of the code. Me I know I need to sort out an iframe I can have a play. ( I've raised a ticket about having no templates or any resources in my xara 12 so hopefully can get to the bottom of why I have less resources on 12 than I had on basic 9 )

    Thank you for being so patient and your help.

  10. #10

    Default Re: Is it possible to embed a whole Facebook page

    Good Afternoon(happy Easter too!)

    Finally found time today to try out what you suggested above, I've added a smart shape rectangle to my page but I've realised I have no idea how to create a placeholder? Or do I just paste the irframe code into the box? It just comes up as text though so doesn't work. (I've been told by xara since my licence had expired I have access to zero add ons plugins templates etc - which is mad as the my previous edition had at least some included with the software. Quite annoyed about that but still... I have little incentive to upgrade my premium if I have chunks of the software expire after a year. May as well buy the basic again.. but I digress..)

    The fb page I'm trying to embed is :-

    https://en-gb.facebook.com/TomBurkeOnline/

    From fb plug in site

    Step 1: Include the JavaScript SDK on your page once, ideally right after the opening body tag.
    <div id="fb-root"></div>
    <script>(function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.12';
    fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>
    Step 2: Place this code wherever you want the plugin to appear on your page.
    <div class="fb-page" data-href="https://en-gb.facebook.com/TomBurkeOnline/" data-tabs="timeline" data-small-header="false" data-adapt-container-width="true" data-hide-cover="true" data-show-facepile="false"></div>

    Iframe
    Place this code wherever you want the plugin to appear on your page.
    <iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fen-gb.facebook.com%2FTomBurkeOnline%2F&tabs=timeline& width=0&height=0&small_header=false&adapt_containe r_width=true&hide_cover=true&show_facepile=false&a ppId" width="0" height="0" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe>

    You've explained where to put the java script but not sure where to place the iframe code.

    Sorry if I'm being a bit thick.

 

 

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •