Language
Guideline Menu

Guideline for Bloggers

響應式網站使用

Blogger
1. 置入Meta Tag

    於管理後台點選 '主題' 與 '編輯 HTML'.

2. 置入Tag於內文
  • 置入以下代碼於 </head> 部分代碼之前.
    • <script defer='defer' src='//static.dable.io/dist/blogger.min.js'/>


  • 找到 <b:includable id='postBody' var='post'> 部分代碼. 點擊左側 ► 鍵以展開並尋找以下代碼.
    • <div class='post-body entry-content float-container' expr:id='"post-body-" + data:post.id'>


  • 修正代碼如下. 找到上述代碼並置入3個新增項目於其上, 修改 <div class ~> 為 <div itemporp='articleBody' class~> .
    • <meta expr:content='data:post.id' property='dable:item_id'/>
    <b:if cond='data:post.labels'><b:loop index='i' values='data:post.labels' var='label'>
    <b:if cond='data:i == 0'> <meta expr:content='data:label.name' property='article:section'/> </b:if> </b:loop> </b:if>
    <div itemprop='articleBody' class='post-body entry-content float-container' expr:id='"post-body-" + data:post.id'>
3. 完成設定後請與Dable聯絡

    請參考頁尾FAQ. 並確認已正確置入 1)meta tag 2) log蒐集script, 一旦完成後請聯絡Dable團隊, 我們將會提供推薦版面 widget script.






Q&A
我要如何確認Meta Tag與Log蒐集Script是否正確置入?
    Meta Tag 驗證

    複製您部落格內容其中一篇的URL, 並前往 URL Debugger 並於'Service Type'選擇'blog', 貼上複製的URL後點選OK.
    若出現紅色底色標示, 表示該對應部分的tag並沒有被成功的置入, 請再重新確認該部分.

    Log 蒐集 Script 驗證

    登入Dable dashboard 並點選左側選單上的 'Log狀況' 再點選 'Log蒐集狀況', 若有顯示即時log, 則為正確置入,
    若無, 請再檢視log蒐集script.

其他常見問題 ?

    在置入log蒐集script與meta tag時常見的問題集.

    1. 確認雙引號 ("")樣式是否不同

    2. 確認是否有代碼誤植狀況 (例如: Dable誤植為able)

    3. 於錯誤的位置輸入代碼