Solved

Share on Social Network

Posted on 2014-03-27
8
527 Views
Last Modified: 2014-03-28
Hello,

I need to place three icons (FB, Twitter and G+) on a page so the user can share a webpage.

I was able to do it at Twitter, which looks like the simplest one, but I need to do the same at google+ and FB.

The trick is I need to share a URL different than the current one, and add a text. This is because different agents will use this feature.

So for example, if the site is www.mywebsite.com I need to share a short URL as 584.tinyurl.com... but the share button will be placed at www.mywebsite.com

The text to be shared will be something like "Learn how to save up to 40% on your life insurance policy, click here: http://123.url.com"

We did this o twitter, but cant find a way to do it on FB or G+

Any ideas?
0
Comment
Question by:SimpleDude
  • 5
  • 3
8 Comments
 
LVL 52

Expert Comment

by:Scott Fell, EE MVE
Comment Utility
Try using sharethis https://www.sharethis.com/  it will do a lot of the work for you and even show you some analytics and they have the icons in different formats.
0
 

Author Comment

by:SimpleDude
Comment Utility
I cant, that's ad driven. This is for a customer.

Thanks anyway... weird I didnt get more answer, when I was an EE member yers ago I used to get tons of answers. Is experts exchange  dying?
0
 
LVL 52

Expert Comment

by:Scott Fell, EE MVE
Comment Utility
I think that depends on the subject.  

I have not done what you are trying to do by using a different url.   It does look like you can use <link rel="canonical" ... /> and g+ will take that as the link for the page instead of the canonical URL.  https://developers.google.com/+/web/share/
0
 
LVL 52

Expert Comment

by:Scott Fell, EE MVE
Comment Utility
Facebook... https://developers.facebook.com/docs/plugins/share-button/

Just fill in the url you want and it will generate the code.

<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/en_US/all.js#xfbml=1&appId=123abc";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-share-button" data-href="http://123.url.com" data-type="button"></div>

Open in new window

0
How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

 
LVL 52

Expert Comment

by:Scott Fell, EE MVE
Comment Utility
On an side note, there are some changes in the near future.  

http://offers.experts-exchange.com/ExpertsExchange2014ProductRoadmapWebinar.html
0
 

Author Comment

by:SimpleDude
Comment Utility
Thanks for the reply.

I guess what I am looking to do is something similar of what EE has at the left of this screen (FB Share), where I can control the title and content of the sharing. Maybe on a new Popup as they do here?
0
 
LVL 52

Accepted Solution

by:
Scott Fell,  EE MVE earned 500 total points
Comment Utility
The code I gave you will do just that.  http:#a39961490  You can take it for a test spin if you like http://jsbin.com/pizuzepo/1/edit?html,output

You will need to change this part either statically or dynamically
<div class="fb-share-button" data-href="http://123.url.com" data-type="button"></div>

Open in new window


I would keep the href to the actual link, but use js to communicate with your url shortner and generate the short url on the fly via ajax.
0
 

Author Closing Comment

by:SimpleDude
Comment Utility
Thanks!
0

Featured Post

Better Security Awareness With Threat Intelligence

See how one of the leading financial services organizations uses Recorded Future as part of a holistic threat intelligence program to promote security awareness and proactively and efficiently identify threats.

Join & Write a Comment

[Part 2 of a 6 part series called SEO Basics: 5 SEO Secrets for Creating Content that Drives Traffic (http://www.experts-exchange.com/Web_Development/Internet_Marketing/Search_Engine_Optimization_SEO/A_8369-SEO-Basics-5-SEO-Secrets-for-Creating-Cont…
[Part 5 of a 6 part series called SEO Basics: 5 SEO Secrets for Creating Content that Drives Traffic (http://www.experts-exchange.com/Web_Development/Internet_Marketing/Search_Engine_Optimization_SEO/A_8369-SEO-Basics-5-SEO-Secrets-for-Creating-Cont…
This tutorial walks through the best practices in adding a local business to Google Maps including how to properly search for duplicates, marker placement, and inputing business details. Login to your Google Account, then search for "Google Mapmaker…
The goal of the tutorial is to teach the user how to make an account for Skype and brief over view of all the options. There are the parts in this series.

772 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now