Viewing Facebook sharing blog posts

Facebook sharing blog posts



User: Lance L. 3 years ago
Hi,

Another one from me ... Is there a way to provide a Facebook (or other social media platform) share button in a blog page such that a reader could share an individual post to their own timeline or page?

I had hoped the Facebook Like widget might provide this, but that seems only to provide for liking and/or sharing my Facebook profile as a whole.

Is there a way to get this functionality through the main interface? Or through a default widget? Or another widget?

Thanks.
User: EverWeb Support 3 years ago
Hi Lance,
Check this one https://developers.facebook.com/docs/plugins/comments/?locale=en_EN
It allows blog/site visitors to leave the comments directly on the page.
Let us know if that is what you need, and If we can help you with anything else.

-------------------------------
EverWeb Customer Support
Submit Tickets or Learn More
User: Lance L. 3 years ago
Hi,

Thanks. No that one's something a bit different (although I might set that up too). But what I'm asking about here is actually provided by another Facebook plugin: https://developers.facebook.com/docs/plugins/share-button . Could that one be used with an EverWeb blog too?
User: Paul-RAGESW 3 years ago
Hi Lance.

Yes, you can drag the HTML Snippet onto your page and past the following code in there;

<!-- Load Facebook SDK for java script -->
<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_US/sdk.js#xfbml=1&version=v3.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<!-- Your share button code -->
<div class="fb-share-button"
data-href="https://www.your-domain.com/your-page.html"
data-layout="button_count">
</div>

Last edit 3 years ago

-------------------------------
Paul
EverWeb Developer
User: Lance L. 3 years ago
Oh really? OK, that sounds promising. But that's now a bit geeky for this noob. So can you talk me through slowly, please? ... What are the steps here ...? Thanks.

Last edit 3 years ago
User: Paul-RAGESW 3 years ago
Hi Lance,

Sure, do the following;

1. Go to the Blog Post Page
2. Drag and drop the HTML Snippet Widget onto that page
3. From the Inspector->Widget Settings (last tab) past the code into the field and click the Apply button.

<!-- Load Facebook SDK for java script -->
<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_US/sdk.js#xfbml=1&version=v3.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<!-- Your share button code -->
<div class="fb-share-button"
data-href="https://www.your-domain.com/your-page.html"
data-layout="button_count">
</div>

-------------------------------
Paul
EverWeb Developer
User: Lance L. 3 years ago
Oh and also ... Will that result in a share button for each individual blog post? Or only one per page?
User: Lance L. 3 years ago
So back again on this one .... I managed to figure out how and where to place the widget. Although presumably I can't test the share button function until I have a live site?

Supplementary question: Is there a way to configure it so the share button is at the bottom of the blog post near the navigation links? I can't find a way to get that result in the browser window. I can only get it so it's in the same spot on every post page, which really limits it to the top.
User: Paul-RAGESW 3 years ago
Quote:
Although presumably I can't test the share button function until I have a live site?


It should work when you preview in a browser. Does it not work for you?

Quote:
Supplementary question: Is there a way to configure it so the share button is at the bottom of the blog post near the navigation links? I can't find a way to get that result in the browser window. I can only get it so it's in the same spot on every post page, which really limits it to the top.


Not yet, but we are working on this ASAP. We want to allow a number of social share buttons within the blog post widget.

-------------------------------
Paul
EverWeb Developer
User: Lance L. 3 years ago
Quote: Paul-RAGESW - 23/11/2021 14:16:48
Quote:
It should work when you preview in a browser. Does it not work for you?

No it doesn't. I get an error. See attached

Quote:
Supplementary question: Is there a way to configure it so the share button is at the bottom of the blog post near the navigation links? I can't find a way to get that result in the browser window. I can only get it so it's in the same spot on every post page, which really limits it to the top.


Not yet, but we are working on this ASAP. We want to allow a number of social share buttons within the blog post widget.


Great to hear that.

screenshot_105.png
User: Paul-RAGESW 3 years ago
Hi Lance,

It may be trying to share a local URL.

Under Edit->Publishing Settings have you entered your URL?

If you publish your site does it work?

-------------------------------
Paul
EverWeb Developer
User: Lance L. 3 years ago
Hi Paul,

Well no and no. That’s because I haven't got that far. I'm still using EW for free and haven't yet taken the plunge on publishing. Hoping to do that fairly soon. But just not there yet.


Post Reply
You must login or signup to post.