Viewing Facebook sharing blog posts
Facebook sharing blog posts
User: Lance L. 2 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 2 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. 2 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 2 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 2 years ago ------------------------------- Paul EverWeb Developer |
|
User: Lance L. 2 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 2 years ago |
|
User: Paul-RAGESW 2 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. 2 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. 2 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 2 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. 2 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 2 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. 2 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. |