如何为Facebook,Twitter,Google +和Pinterest创建自定义共享链接

Question

我没有看到任何解决方案允许这个特定的请求没有很多脚本或元标记,所以我希望有一个简单的方法来做到这一点.

我正在寻找所有四个社交网络的自定义共享链接.让我举一个具体的例子.

如果有人点击我网站上的推特图标链接,他们会点击以下内容:

<a href="https://twitter.com/home?status="Welcome to my site and tell all your friends! @sitename #mysiterules http://bit.ly/site">
    <img src="twitter.png">
</a>

它将转到Twitter的网站并生成以下内容:

这样,某人可以通过自定义消息快速推广我的网站,如果他们愿意,可以更改这些消息,但除了点击图标链接外没有其他任何工作.

这正是我想用其他三个社交网络做的事情,带有自定义消息和链接.他们还可以提取我的网站的默认徽标,这是Twitter无法做到的.

我怎么能做到这一点？

Answer 1

我建议您使用我们在实时广告系列页面中实施的正确的社交分享按钮,但这里是我从广告系列页面的模型中窃取的一些代码.

<div class="leader-half kids0514-share">Share this on:
    <a href="mailto:?subject=Your%20Family,%20Your%20Vacation&body=Enter%20to%20win%20a%20dream%20family%20vacation.%20http://www.cwtvacations.ca/yourfamilyyourvacation"><img src="images/en/share_mail.jpg" alt="email"></a>
    <a href="https://facebook.com/sharer.php?u=http://www.cwtvacations.ca/yourfamilyyourvacation" target="_blank"><img src="images/en/share_fb.jpg" alt="facebook"></a>
    <a href="https://twitter.com/intent/tweet?url=http://www.cwtvacations.ca/yourfamilyyourvacation&text=Your%20family,%20your%20vacation.%20Enter%20to%20win%20a%20dream%20family%20vacation.&via=CWTVacationsCA" target="_blank"><img src="images/en/share_tweet.jpg" alt="twitter"></a>
    <a href="http://pinterest.com/pin/create/button/?url=http://www.cwtvacations.ca/yourfamilyyourvacation&description=Your%20family,%20your%20vacation.%20Enter%20to%20win%20a%20dream%20family%20vacation.&media=https://www.cwtvacations.ca/cwt/images/en/kids2014_share.jpg" target="_blank"><img src="images/en/share_pin.png" alt="pinterest"></a>
    <a href="https://plus.google.com/share?url=http://www.cwtvacations.ca/yourfamilyyourvacation" target="_blank"><img src="images/en/share_plusone.jpg" alt="google plus"></a>
</div>

并非所有社交共享按钮都是相同的,有些具有更多功能,甚至可以使用旧版本.Pinterest很小.我建议使用官方按钮和完整的结构化元数据,而不是像模型中的这个片段那样做.