Viewing FACEBOOK - How to install Page Plugin in Ever Web?

  1. Portal Home
  2. Forum
  3. EverWeb
  4. How do I...?

FACEBOOK - How to install Page Plugin in Ever Web?



User: Stanislav R. 11 years ago
Hey guys!

i would like to install this plugin to my webpage:
https://developers.facebook.com/docs/plugins/page-plugin

I try many thing & it still doesn't work.
Can you help me please?


Thank You


Greetz

PS: THIS IS THE CODE!!!

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 = "//connect.facebook.net/de_DE/sdk.js#xfbml=1&version=v2.3";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

2. Place the code for your plugin wherever you want the plugin to appear on your page.
<div class="fb-page" data-href="https://www.facebook.com/stanirosch" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/stanirosch"><a href="https://www.facebook.com/stanirosch">STANi ROSCH</a></blockquote></div></div>
User: Paul-RAGESW 11 years ago
Hi,

1. Where did you paste this code? It should be in the Head code section of your webpage. If you include this code on all pages on your site put it in Site Publishing Settings->Head code. If you are only including it on a single page, place it in Inspector->Page Settings->Head Code field.

2. Place this code in an HTML snippet.

If it still doesn't work, please indicate what exactly happens when you try it. If you can publish your website somewhere so I can take a look, that would help

-------------------------------
Paul
EverWeb Developer
User: Roddy 11 years ago
Paste this code into an HTML Snippet and set its dimensions to 340px wide by 240px high...

<div class="fb-page" data-href="https://www.facebook.com/stanirosch" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/stanirosch"><a href="https://www.facebook.com/stanirosch">STANi ROSCH</a></blockquote></div></div>

Paste this code into the Footer Code box in the Page inspector...

<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 = "http://connect.facebook.net/de_DE/sdk.js#xfbml=1&version=v2.3";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

You won't see anything in the snippet box until you publish the page to the server.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Stanislav R. 11 years ago
HEY THANK YOU PAUL, THANK YOU RODDY!!
The problem was, i can see if everything works, when i publish my page to the server.

But this facebook page box is fixed. I saw another use of this page plugin.
For example when you go to one website, this box goes to front of the website.
It looks like lightbox plugin. (The normal website stay in background and it is little bit darker and facebook page plugin is in front of it)
Do you know how it works?

I hope you can understand me!

example: http://buynongmoseeds.com/

Thank you very much for your help.

S.R.
User: Stanislav R. 11 years ago
another example: https://www.youtube.com/watch?v=zXfNwxBk7pA#t=100

but this is only for WordPress
User: Roddy 11 years ago
The first example you gave is a Wordpress site too so I would guess that it is a WP plugin.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.


Post Reply
You must login or signup to post.