如何制作Facebook“赞”按钮只是一个链接,而不是iFrame?

时间:2010-06-02 03:53:53

标签: html facebook email hyperlink facebook-like

我想在电子邮件中添加一个“赞”按钮,然后发送给我们的电子通讯订阅者。嵌入使用iframe技术的Like按钮的常用方法不起作用。

我想要的是拥有一个静态超链接,点击按钮图像只会转到我们相应的Facebook页面的特定URL,并做成为粉丝的行动。

任何人都可以找到一个官方或非官方的URL,可以链接到这个URL,将您带到Facebook上的页面并执行相应的操作吗?

4 个答案:

答案 0 :(得分:9)

如果链接可能会迫使行动发生,那将是一个非常不安全的系统。人们会喜欢他们不想要的所有商店。想象一下,公司在Twitter上发送缩短的URL并获得数百个非法的“喜欢”是多么容易。

最好让人们明确地自己这样做,所以从电子邮件中你可以做的最好的事情就是将人们链接到Facebook页面并希望他们点击就好。如果它是一个好的/有用的页面,那么他们很可能会。

一种方法是让电子邮件旨在让人们访问您自己网站上的目标网页。然后,您可以在其上使用类似按钮,并使用Open Graph Protocol元标记将“喜欢”应用于主页或整个网站。

如果您希望着陆页上的“喜欢”按钮是整个网站的常规按钮,请使用规范的og:url元标记,例如:

<meta name="og:url" content="http://yoursite.com/" />

答案 1 :(得分:7)

出于安全原因,永远无法通过电子邮件喜欢某个带有Facebook“ Like”插件的网站。仅当某些服务器管理员未剪切JS或iframe,但不正常时-大多数电子邮件服务器都会剪切。

This answer (来自Yevgeniy Afanasyev)绝对是错误的!从来没有成功!此答案中的代码仅使您可以转到Facebook页面,然后您就有可能喜欢此网站。这个答案的所有这些代码都不过是为您提供了这样的链接:

https://www.facebook.com/plugins/like.php?href=https://stackoverflow.com

在此链接的href=https://stackoverflow.com部分中,您可以放置​​任何其他网站地址。如果您在此地址中有一些&字符,则必须将其替换为&amp;

不要以为如果这个答案被多次否定,那么它是正确的或有效的。我认为支持此保留意见的用户不了解他们所做的事情。他们看到了一些代码,并在没有思考或不理解的情况下对其进行了投票。

为什么这不可能

试想一下,您收到一封电子邮件,并在其中带有一些链接按钮,其中包含文本“非常有趣的视频”。然后,如果您单击它,那么您会想要一些您不喜欢或不知道的站点。出于安全原因,这是不可能的。

如果您使用某些链接,则必须始终确认所有操作。

可能的解决方法

除了此链接之外,您还可以为您的网站写一个漂亮的登录页面,而在电子邮件中,您可以在带有此页面地址的电子邮件按钮中写此链接。并且在此页面中,您可以使用普通的Facebook“赞”插件。

答案 2 :(得分:5)

出于安全原因,永远不可能在某些网站上使用Facebook“Like”插件。

但有时很难向老板解释,他们想要与其他电子邮件类似的东西。如果是这种情况,您可以向管理层提供我的答案。

以下代码不会让您成为该页面的粉丝,而是喜欢该网站的主页,它会为您提供一个Like按钮和“X人喜欢这样。成为您的第一个朋友。”

如果这是您想要的,请参阅代码:

替换http://eyeclarity.com.au - 到您的网站 如果你不喜欢我喜欢的按钮,请更换 http://www.4wdaction.com.au/_phpBB/download/file.php?id=68849 与你的一个

<a title="Like this on Facebook" 
   href="http://www.facebook.com/plugins/like.php?href=http://eyeclarity.com.au&amp;
   layout=standard&amp;
   show_faces=false&amp;
   width=450&amp;
   action=like&amp;
   colorscheme=light&amp;"
>
    <img title="Facebook Like Button"
         src="https://upload.wikimedia.org/wikipedia/commons/1/13/Facebook_like_thumb.png" 
         alt="" 
         height="50" 
         width="50" 
    />
</a>

jsfiddle

上述代码会将您重定向到链接,看起来像这样

https://www.facebook.com/plugins/like.php?href=http://eyeclarity.com.au&%20%20%20layout=standard&%20%20%20show_faces=false&%20%20%20width=450&%20%20%20action=like&%20%20%20colorscheme=light&

现在,您可以尝试点击它并查看Facebook提供的一些动画。

答案 3 :(得分:1)

除了说不可能的其他答案之外,我还将简要说明为什么Facebook(或需要登录的任何其他网站)不支持它。

让我们假设有人发布了一个帖子,而Facebook将自动喜欢该帖子的href提供给了所有者。 (为简单起见,我们只说fb.com/like/post_id

如果他推出包含这样的标签的电子邮件新闻通讯会怎样?

<img src="fb.com/like/post_id" />

这绝对不是img src,但是网络浏览器无论如何都将尝试连接到fb.com/like/post_id,然后...繁荣起来。通过阅读此电子邮件,无论您的意图如何,您都会自动喜欢该帖子。

这就是为什么不能推出包含“喜欢”链接的电子邮件的原因。