Dable Blogger Setup Guide (響應式網站)

Dable Blogger Setup Guide

— 響應式網站使用 —

輕鬆啟用Dable個人化推薦與原生廣告 !

1. 置入Meta Tag

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

Text Hover

2. 置入Tag於內文

1) 置入以下代碼於 </head> 部分代碼之前.

(複製並貼上以下代碼.)

<script defer=’defer’ src=’//static.dable.io/dist/blogger.min.js’/>

1	<script defer=‘defer’ src=‘//static.dable.io/dist/blogger.min.js’/>

2) 找到 <b:includable id=’postBody’ var=’post’> 部分代碼. 點擊左側 “►” 鍵以展開並尋找以下代碼.

<div class=’post-body entry-content float-container’ expr:id=’&quot;post-body-&quot; + data:post.id’>

1	<div class=‘post-body entry-content float-container’ expr:id=‘"post-body-" + data:post.id’>

3) 修正代碼如下.

找到上述代碼並置入3個新增項目於其上, 修改 <div class ~> 為 <div itemprop=’articleBody’ class ~>.

<meta expr:content=’data:post.id’ property=’dable:item_id’/><br /><b:if cond=’data:post.labels’><b:loop index=’i’ values=’data:post.labels’ var=’label’><br /><b:if cond=’data:i == 0′><meta expr:content=’data:label.name’ property=’article:section’/></b:if></b:loop></b:if><br /><div itemprop=’articleBody’ class=’post-body entry-content float-container’ expr:id=’&quot;post-body-&quot; + data:post.id’>

4
5

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

3. 完成設定後請與Dable聯絡

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

我要如何確認Meta Tag與Log蒐集Script是否正確置入?

Meta Tag 驗證

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

Log 蒐集 Script 驗證

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

其他常見問題 ?

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

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

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

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

Opening hours

Privacy Policy

Social Media