It's a weekend. Stay calm and enjoy.

It is currently a weekend from where we are at. If your client or employer requires you to work during the weekend, this would be a good read. Rest assured that we will get back to your posts as soon as the week starts!

Official support hours is from 10AM — 7PM Monday to Friday (GMT +8)

Hi,

I'm looking to create a share-this or add-this type sharing icon for our social community built with EasySocial.

I'm just starting this front of the battle in make our community the best one in it's theme.

Do you have any suggestions on how to go about this ?

In a nutshell, I would like visitors to be able to add our community's social sharing icons as a service among others like FB, TW, LI, PI ...

Thanks ahead for any suggestions/help
Danny
Danny Malouin
BeNu Web
9 replies
Arlex Wong replied on Wednesday, August 03 2016, 06:17 PM
Accepted Answer
hey Danny,

I am sorry for the delay of this reply,

Actually based on what my colleague said is true in previous reply, currently we do not have this Easysocial share button available. :( Because we haven't start to implement this yet, this have to build an API so that other site can put the Easysocial share button script code in their page to generate the share button, so that when the user click on the share button, it will connect to Easysocial and share the content on Easysocial wall.

To be honestly, implement this is can't be done in 1 day, we have to think is there a easy way to provide everyone easy to generate Easysocial share button on their site and we have to build our own API for this in order to make this happen.

I will show you some example how we use Facebook API to generate Facebook share button on Easyblog page.

This following is the code what we call their API and link to our Easyblog post URL and the rest of the data, something is not just using 1 share URL then can make this work, hope you can understand regarding this situation. :(

var hasFBSDK,
FBInited,
parseXFBMLTask,
parseXFBML = function() {

// Collect all the FB like calls first
clearTimeout(parseXFBMLTask);

parseXFBMLTask = setTimeout(function(){

// Then finally parse it.
try {
FB.XFBML.parse();
} catch(e) {};

}, 1000);
};

$.bookmarklet.facebook = function(options) {

var node = this[0];
var parent = node.parentNode;
var button = document.createElement('fb:like');
var trackFB = function() {
if (options.tracking) {
window.FB.Event.subscribe('edge.create', function(targetUrl) {
_gaq.push(['_trackSocial', 'facebook', 'like', targetUrl]);
});

window.FB.Event.subscribe('edge.remove', function(targetUrl) {
_gaq.push(['_trackSocial', 'facebook', 'unlike', targetUrl]);
});

window.FB.Event.subscribe('message.send', function(targetUrl) {
_gaq.push(['_trackSocial', 'facebook', 'send', targetUrl]);
});
}
};

var layout = options.size == 'large' ? 'box_count' : 'button_count';

$(button)
.attr({
"class": "fb-like",
"data-href": options.url,
"data-send": options.send,
"data-layout": layout,
"data-action": options.verb,
"data-locale": options.locale,
"data-colorscheme": options.theme,
"data-show-faces": false
});

parent.insertBefore(button, node);
parent.removeChild(node);

// If FBSDK isn't loaded, load it,
// the social buttons will be parsed by itself.
if (!window.FB) {

if (!document.getElementById("fb-root")) {
$("<div id='fb-root'></div>").prependTo("body");
}

var jssdk = document.getElementById("facebook-jssdk");

// No JSSDK
if (!jssdk) {

var head = document.getElementsByTagName("head")[0],
script = document.createElement("script");

head.appendChild(script);
script.id = "facebook-jssdk";
script.src = "//connect.facebook.net/" + options.locale + "/all.js#xfbml=1";

// Has JSSDK, but no XFBML support.
} else if (!FBInited) {

if (!/xfbml/.test(jssdk.src)) {

var _fbAsyncInit = window.fbAsyncInit;

window.fbAsyncInit = function(){

if ($.isFunction(_fbAsyncInit)) _fbAsyncInit();


parseXFBML();
trackFB();
}
}

FBInited = true;
}

// If FBSDK is already loaded
} else {

parseXFBML();
trackFB();
}



return node;
};


By the way, I saw our app store page have similar this feature as what you want to achieve, perhaps you can take a look of this app and see is it can achieve as what you expect?
-> http://stackideas.com/apps/item/3306-ost-social-share-button
You might want to check these cool stuff :
http://stackideas.com/easysocial || http://stackideas.com/easyblog || http://stackideas.com/easydiscuss || http://stackideas.com/komento || http://stackideas.com/metaman || http://stackideas.com/joomla-templates

Demo site : http://stackideas.com/demo
App Store : http://stackideas.com/apps
Changelog : http://stackideas.com/changelog
Support Policy : http://stackideas.com/support
Feature Request : http://stackideas.com/voices
Documentation : http://stackideas.com/docs

You can also contact us via our helpdesk if you would like to require for some customisation or sales question.
https://crm.stackideas.com


Best Regards
Arlex

We are sorry, you need a valid subscription for EasySocial
in order to view replies for this post in this category.

Your time
Stack Ideas time
Support is
Offline
It's weekend!

It is currently a weekend from where we are at. Some answers may already be available on our documentation at http://stackideas.com/docs

Rest assured that we will get back to your posts as soon as the week starts!


Official support hour is:
Monday — Friday. 10:00 am - 7:00 pm
Our timezone:
Kuala Lumpur (GMT +8)