自定义 Facebook 发送按钮答案

【问题标题】：Custom Facebook Send button自定义 Facebook 发送按钮
【发布时间】：2017-03-04 16:01:13
【问题描述】：

我的网站中有这组分享按钮：

<div class='post-share'>                

                <a class='share-twitter' expr:href='&quot;https://twitter.com/home?status=&quot;+data:post.url' id='tuiter' onclick='ga(&apos;send&apos;, &apos;event&apos;, &apos;click&apos;, &apos;tuiter&apos;);' target='_blank'><i class='fa fa-twitter'/></a>

                <a class='share-google-plus' expr:href='&quot;https://plus.google.com/share?url=&quot;+data:post.url' id='gugleplus' onclick='ga(&apos;send&apos;, &apos;event&apos;, &apos;click&apos;, &apos;gugleplus&apos;);' target='_blank'><i class='fa fa-google-plus'/></a>

                <a class='share-pinterest' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;media=&quot; + data:blog.postImageUrl + &quot;&amp;description=&quot; + data:post.title' id='pintresti' onclick='ga(&apos;send&apos;, &apos;event&apos;, &apos;click&apos;, &apos;pintresti&apos;);' target='_blank'><i class='fa fa-pinterest'/></a>         
                <a class='share-linkedin' expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;summary=&amp;source=&quot;' id='linkdini' onclick='ga(&apos;send&apos;, &apos;event&apos;, &apos;click&apos;, &apos;linkdini&apos;);' target='_blank'><i class='fa fa-linkedin'/></a>

我还想添加一个 Facebook 发送按钮。我在 bbc 网站上看到他们有一个自定义发送按钮：

bbc custom share buttons

我在使用自定义发送按钮时遇到的困难与我在博客平台上工作有关。

我知道我可以使用类似的东西：

<a class='share-facebook' expr:href='&quot;http://www.facebook.com/dialog/send?u=&quot; + data:post.url + &quot;&amp;title=&quot;+ data:post.title' id='tuiter' onclick='ga(&apos;send&apos;, &apos;event&apos;, &apos;click&apos;, &apos;tuiter&apos;);' target='_blank'><i class='fa fa-facebook'/></a>

但实际上这不起作用。 API 错误代码：100

我也试过了：

<a class='share-facebook' expr:href='&quot;http://www.facebook.com/dialog/send?link=&quot; + data:post.url + &quot;&amp;title=&quot;+ data:post.title' id='tuiter' onclick='ga(&apos;send&apos;, &apos;event&apos;, &apos;click&apos;, &apos;tuiter&apos;);' target='_blank'><i class='fa fa-facebook'/></a>

但当我对其进行测试时，我收到以下消息：“您关注的链接可能已过期，或者该页面可能仅对您不在其中的观众可见。”

我的问题是：

如何为 Blogger 博客创建自定义 Facebook 发送按钮，用于发送帖子的默认链接 (data:post.url)

【问题讨论】：

标签： facebook blogger blogspot

【解决方案1】：

自定义发送按钮的代码将类似于 -

<a expr:href='"https://www.facebook.com/dialog/send?app_id=YOURAPPID&amp;link=" + data:post.canonicalUrl + "&amp;redirect_uri="+ data:post.canonicalUrl' >Send</a>

您需要create a new Facebook app 才能使其工作。

有关发送对话框所需参数的信息，请参阅https://developers.facebook.com/docs/sharing/reference/send-dialog -

app_id - 您应用的唯一标识符。必填。

redirect_uri - 用户单击对话框上的按钮后重定向到的 URL。使用 URL 重定向时需要。

链接 - 必需参数。消息中发送的 URL。

【讨论】：