2017-03-04 63 views
1

我有這個組共享按鈕在我的網站:自定義Facebook發送按鈕

<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

我的發送按鈕與自定義都與我在Blogger博客平臺正在工作的事實困難。

我知道我可以使用類似:

<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> 

但是當我測試它,我得到這個消息:「您使用的鏈接可能已經過期,或者頁面可能只是一個觀衆,你可見「不在」。

我的問題是:

  • 如何創建自定義Facebook發送按鈕Blogger博客,它發送後的默認鏈接(數據:post.url)

回答

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。

+1

非常感謝! –