Wednesday, February 29, 2012

[FB] Like [email protected] 相關問題

最近發現有些人在問他Facebook按讚的按鈕掛掉了,但是找不到原因,語法也沒錯,所以很納悶。

剛好這問題我之前blogger範本被我手滑換掉的時候也遇過,所以順便來回一下。

首先,可以先確認一下自己的Facebook Social Plugins語法是否正確,你可以參考Facebook Like Button的範例語法,若你是一年前拿的語法,跟現在的語法也許有出入了,這邊可以先確認一下。

然後,確認自己的html內有掛上適當的Open Graph Tags,也就是meta內那堆og:title ...etc ,FB Like會需要下列tags:
og:title -
在Blogger範本這樣寫
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<meta expr:content='data:blog.title' property='og:title'/>
<b:else/>
<meta expr:content='data:blog.pageName' property='og:title'/>
</b:if>
og:type - 我是打website <meta content='website' property='og:type'/>
og:image - 自己塞張圖片連結上去...
og:url - Blogger上可使用<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
og:site_name - <meta expr:content='data:blog.title' property='og:site_name'/>
fb:admins / fb:app_id - 照舊
如果看不懂可以看我blog的原始檔去對照。

這樣應該就可以用了,如果還是不行,可以用Facebook Debugger,把網址打進去,大致上都可以知道原因。

9 comments:

  1. 不好意思,我看不太懂這個教學
    我的部落格是用整個套用FB按讚的
    http://jason0201.blogspot.com/2011/02/serbian-film.html
    這個網址就沒辦法按讚
    http://jason0201.blogspot.com/2011/10/thing.html
    新的幾篇就可以

    不知道有沒有更清楚點的教學方式
    對這個不太了解,抱歉@@

    ReplyDelete
  2. 基本上你的問題就是Open Graph的meta tags有錯
    我用debugger看起來是你的fb:admins那個值打錯,可以試試從這邊找問題
    或是跟我一樣把fb:admins fb:app_id都打上去,兩個值是不一樣的

    ReplyDelete
  3. 我照debugger偵測出來的id改了
    而該網頁的系統也恢復了,但還是有好多頁按讚都會出現錯誤
    http://jason0201.blogspot.com/2011/05/insidious.html
    http://jason0201.blogspot.com/2011/07/ward.html
    http://jason0201.blogspot.com/2011/05/rite.html
    這幾個都是沒辦法按讚的

    另外我APP的ID是285522941463501
    但之前修改
    http://jason0201.blogspot.com/2011/02/serbian-film.html
    這頁的是10150100217604296
    不知道這樣亂改會不會怎樣@@?
    謝謝

    ReplyDelete
  4. 雖然debugger是寫http 503 error
    不過你試著將og:title也加上去看看,搞不好有用

    app_id如果不對fb會叫XD,所以了不起就是沒辦法用而已

    btw 我上次有發現我有訂閱你的blog,難怪很眼熟,哈哈

    ReplyDelete
  5. This comment has been removed by the author.

    ReplyDelete
  6. 恭喜你!! 用人家的東西只能想辦法去適應它XD

    ReplyDelete
  7. 我也是遇到相關問題@@ 能教我怎麼弄?

    ReplyDelete
  8. 先去Facebook Debugger看缺什麼吧

    ReplyDelete

Related Posts Plugin for WordPress, Blogger...