自定義分享至Facebook集成

我工作的一個電子商務網站，在購物車頁面需要對所有的產品項目Facebook的分享按鈕，符合下列要求： -自定義分享至Facebook集成

假設有4個購物車頁面中的產品項目 - 「p1」，「p2」，「p3」&「p4」。

當用戶點擊了「P4」項目中的「共享」按鈕，他將被要求登錄，如果他沒有登錄到FB。這已經使用「fb:login-button」FBML標籤完成。
登錄後，用戶將能夠在我的網站彈出窗口中提供自定義消息。該彈出窗口還將包含「p4」項目的產品名稱以及圖像。
當用戶點擊「分享」/「提交」按鈕時，「p4」項目的產品名稱爲&圖片的消息將在用戶的Facebook牆上發佈/發佈。＃2 &＃3已使用「SDK.ui」的「FB.ui」核心方法的「FB.init」&完成。
現在在我的網站上，購物車頁面會告訴我，對於「p4」項目，Facebook共享已完成&，因此即使再次刷新頁面時也不會再有「Facebook分享」按鈕或者當更多此類產品被添加到購物車時。 在這裏，我無法執行「共享」按鈕的禁用。請在這裏幫助我。
用戶將能夠點擊其他產品「p1」，「p2」&「p3」的「共享」按鈕。但共享消息的彈出窗口將顯示相應產品&的產品名稱&圖像，而不是最後一項「p4」。 但是，這裏彈出窗口總是隻提供最後一項「p4」的信息。相反，我真正想要的是Facebook Share功能的多個實例。請在這裏幫助我。

我所提到的以上幾點的問題，我在點＃4＃&患5。

請大家幫幫我&感謝大家提前。請問我是否需要更多信息。

來源

2011-06-24 Knowledge Craving

是否有任何人誰至少可以回答一些觀點？ –

請分享一些代碼，比如你如何添加共享按鈕以及其他任何可用的代碼。 – Niklas

如果你能分享代碼，這將是有幫助的。 – Shameer

的Facebook不會允許您使用分享按鈕分享自定義文本/圖片，如果您需要在共享URL中輸入產品詳細信息頁面的URL而不是列表頁面，並在該產品詳細信息頁面中設置元數據。

其他選項是爲所有產品設置元數據。

這裏是鏈接解釋什麼是元數據Facebook能夠理解

http://grafikdesign.wordpress.com/2010/02/10/facebook-sharespecifying-meta-tags-fbml-audio-flash-video-action-bar/

來源

2011-07-04 07:18:09

與其他人相比，您的選擇看起來更可行，思考和實施。 –

糾正我，如果我錯了，但不會使用iframe的共享按鈕正確的所有問題？

來源

2011-06-27 10:05:29

我相信這將是這種情況下最簡單的解決方案。 – red

我無法解決您在第4項中遇到的問題，但我認爲您要做的就像動態創建Facebook共享鏈接一樣簡單，並且適當地設置它的樣式。

我已經創建了一個jsfiddle這樣做，看看這裏，看看是否可以幫助你。

代碼的膽量是一個簡單的jQuery事件處理程序配置爲Facebook共享者和一些參數的URL，因爲下面的HTML：

<ul class="products"> 
    <li id="product-1"> 
     Awesome Snacks 
     <a class="sharer" href="http://www.yoursite.com/some/url/to/product-1" data-title="Awesome Snacks on Website!"> 
      <span class="liketext">Share</span> 
     </a> 
    </li> 
</ul>

而下面的jQuery的事件處理程序的定義：

$('.sharer').click(function(e) { 
    e.preventDefault(); 

    var title = $(this).data('title'); 
    var url = $(this).attr('href');  
    var fbSharerUrl = 'http://www.facebook.com/sharer.php?'; 
    var params = { u: url, t: title }; 
    var fbSharerConfig = 'toolbar=0,status=0,width=600,height=400'; 

    window.open(fbSharerUrl + $.param(params), 'sharer', fbSharerConfig); 
});

這將根據購物車中鏈接的href和data-title屬性動態生成一個Facebook共享鏈接。

看看在jsfiddle我剛纔聯繫，因爲它也包含了一些CSS來使鏈接看起來像Facebook的共享按鈕:)

來源

2011-06-28 04:48:06

不錯的工作:)你真的很有幫助。更改yoursite.com與每個真正的產品鏈接是完美的。 –

自定義分享至Facebook集成

回答

相關問題