2013-01-07 42 views
2

我想爲我的網站上的特定頁面創建一個類似Facebook的計數器。如何在我的網站上爲頁面創建Facebook Like Counter?

比如我可以在我的網站上這些頁面,其中,每個人都有不同的文章對他們:

www.mysite.com/article1.cfm 

www.mysite.com/article2.cfm 

www.mysite.com/article3.cfm 

我想每個頁面有自己的Facebook的「喜歡」反向元件,其點擊後會跟蹤單個頁面有多少喜歡。我試圖查看Facebook對所有這些內容的解釋,但我對Facebook的發展很陌生。我必須使用的主要服務器端語言是ColdFusion - 當然,如果有JavaScript/jQuery解決方案或其他方式來實現這一目標,我很開放。

+0

它看起來像我將不得不自動完成他們的Facebook狀?這段代碼需要是一個可重用的元素,我可以將其放在模板上。這樣,Facebook的計數器將動態地設置爲建立在模板之外的新頁面。對不起,我沒有提前指定。 – user1955504

+0

我建議讓它首先使用單個頁面,然後將代碼轉換爲可重用的代碼。您可以使用cfhttp將數據發佈到表單。 –

+0

在此代碼中: js.src =「http://connect.facebook.net/en_US/all.js#xfbml=1&appId=**myappid**」 它似乎不喜歡第一個和第二個=引用內的符號 – user1955504

回答

4

這是怎麼你會新增Facebook像到您的網頁:

<html xmlns:fb="http://ogp.me/ns/fb#"> 
    <head> 
    </head> 
    <body> 
     <div id="fb-root"></div> 
     <script>(function(d, s, id) { 
      var js, fjs = d.getElementsByTagName(s)[0]; 
      if (d.getElementById(id)) return; 
      js = d.createElement(s); js.id = id; 
      js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1&appId=YOUR_APP_ID"; 
      fjs.parentNode.insertBefore(js, fjs); 
     }(document, 'script', 'facebook-jssdk'));</script> 

     <div class="fb-like" data-href="http://www.yourwebsite.com" data-send="false" data-layout="box_count" data-width="450" data-show-faces="false"></div> 
    </body> 
</html> 

其中:

  • YOUR_APP_ID:必須是可以由具有Facebook開發人員帳戶創建應用程序ID。您可以創建要here
  • http://www.yourwebsite.com一個:是的URL到您的網站。因爲 Facebook的喜歡其實張貼到你的時間表,這將是 鏈接到它
+0

好的,我已經拿到了這些代碼並且使用了它。這是我的當前腳本: – user1955504

+0

\t \t \t \t \t \t

user1955504

+0

\t

user1955504

相關問題