By Danny Malouin on Sunday, 31 July 2016
Likes 0
Views 830
Votes 0
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
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
·
Wednesday, 03 August 2016 18:17
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Danny Malouin,

I am sorry for the delay of this reply. Correct me if I'm wrong, do you mean that you want to enable the social sharing as shown here : http://screencast.com/t/9feRt9of ? If yes, you can simply enable this option by:
1. Click EasySocial>Settings>Sharing>Enable Social Sharing http://screencast.com/t/SyLY3whoXi

So that, in front end you can simply click the Social Share link

Hope this helps.
Have a nice day ahead
·
Monday, 01 August 2016 10:58
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi,

Thanks for your reply.

No, this is not what I meant. My apologies, i was not clear in my question.

I would like to create/develop a social sharing service, one anyone (visitors, external users...) can use to share their content into our EasySocial community, exactly like Facebook, Twitter and other social networks do through sharing services like Add This or Share This.

I imagine I need to create some sort of web service for this ? I just don't have any idea where to start. Everything I search for on Google brings up the same thing you proposed (how to add sharing to our articles). I'm looking to add our icon to those services ;-)

I've attached a screenshot of what I mean

Hope that was clearer ?

Danny
·
Monday, 01 August 2016 11:16
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Danny Malouin,

I'm sorry for the misunderstanding . Unfortunately, it is not possible to create your own social share same as Twitter, Facebook etc currently
·
Monday, 01 August 2016 13:45
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi,

Again, not the reply I was expecting ;-)

I am not asking if you can show me where to set it. I am asking you and your programming team to hint to me where/how I can get this developed externally.

Surely you have considered this as a function at one time or another. At the very least, you must have some basic ideas how to go about this. I've searched the Web and can't find anything. I suspect I am not searching for the right terms ?

Every well known social network offers this
Facebook
Twitter
LinkedIn
Pinterest
Google+
...

Danny
·
Monday, 01 August 2016 20:26
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi there,

Maybe you can do some modifications on this two file below:
...\components\com_easyblog\themes\wireframe\socialbuttons\twitter.php ---> (example)
...\components\com_easyblog\themes\wireframe\blogs\part.socialbuttons.php ---> Positioning

Hope this helps
·
Tuesday, 02 August 2016 19:20
·
0 Likes
·
0 Votes
·
0 Comments
·
Mmm, no, I don't want to simply add our icon to the list of sharing services in our own site. I want to create an icon that will accept incoming URLs from visitors as their shared content

Example:

Facebook has a script called sharer.php http://www.facebook.com/sharer.php?u=[post-url]
Twitter has ]
Google has https://plus.google.com/share?url=[post-url]
LinkedIN has http://www.linkedin.com/shareArticle?url=[post-url]&title=[post-title]

Here is a large list of these "web services"
https://crunchify.com/list-of-all-social-sharing-urls-for-handy-reference-social-media-sharing-buttons-without-javascript/

Let's build an example where I am the admin of MAZ (a martial art community built with EasySocial). My friend, John is browsing the web on a completely different martial art website and finds an interesting article fow which he would like to share as linked content in his MAZ EasySocial profile (our site). He see sharing icons bellow the article; FB, TW, LI, G+ ... but he doesn't see MAZ's ? In order for us (MAZ) to make this happen, I imagine I need to supply this sharing icon and it's relative sharing (parser) url from our site (perhaps this is a web service) ?

Hope that's clearer ?

Thanks again for any help you can give us.

Note: this would be a great thing for EasySocial to offer as a how-to guide

Danny
·
Tuesday, 02 August 2016 19:57
·
0 Likes
·
0 Votes
·
0 Comments
·
Ah! THAT's the answer I was looking for :-)
I will read more carefully now but thanks, this is a great starting point.
Danny
·
Wednesday, 03 August 2016 18:23
·
0 Likes
·
0 Votes
·
0 Comments
·
Actually, OST's share button APP looks exactly like what we need !!!
THANKS SO MUCH
Danny
·
Wednesday, 03 August 2016 18:29
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi there,

You are most welcome.

As a gentle reminder, kindly start a new thread if you have any other issue in the future so it will be easier for us to manage your inquiry. I will lock and mark this thread as resolved.
·
Wednesday, 03 August 2016 23:37
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post