Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 562
  • Last Modified:

Share on Social Network

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
SimpleDude
Asked:
SimpleDude
  • 5
  • 3
1 Solution
 
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
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
 
SimpleDudeAuthor Commented:
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
 
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
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
VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

 
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
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
 
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
On an side note, there are some changes in the near future.  

http://offers.experts-exchange.com/ExpertsExchange2014ProductRoadmapWebinar.html
0
 
SimpleDudeAuthor Commented:
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
 
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
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
 
SimpleDudeAuthor Commented:
Thanks!
0

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

  • 5
  • 3
Tackle projects and never again get stuck behind a technical roadblock.
Join Now