We support you
Dable News 設定指南
2. 將Meta Tag安裝於網頁 Header
1. 請參閱 http://admin.dable.io/-/guide/meta ，您將會找到對應如下的meta tag
<meta property="dable:item_id" content="文章ID編號"> <meta property="og:url" content="文章URL"> <meta property="og:title" content="文章標題"> <meta property="og:image" content="文章圖片URL"> <meta property="og:description" content="文章概要"> <meta property="dable:author" content=""作者名"> <meta property="article:section" content="文章分類"> <meta property="article:published_time" content="文章發佈時間(須符合ISO 8601)">
2. 若您過去已置入相同meta tag,並不需要重複安裝，他們能幫助優化搜尋表現(SEO)與社群媒體分享時可通用
3. meta tag必須要置於log collection script之前. 建議置於 </head> 之前。
4. 為了蒐集與有效分析文章內文, 請於內文上方插入 <div itemprop="articleBody"></div>
3. 確認Meta Tag是否正確安裝
1. 一旦您置入了指定的meta tag, 您可利用以下網址 https://admin.dable.io/tools/meta_test.html 檢測是否安裝成功。(顯示紅底為未安裝或安裝錯誤)
4. item_id 設定
1. "dable:item_id" 必須是一個特殊的編碼(可以是數字、英文或部分特殊文字 &=_/-. )能夠對應單一文章/頁面，PC版與手機版的 item_id 必須相同, 最多64字元。
範例1.
#範例 meta :
<meta property="dable:item_id" content="318745">
▪ PC URL : http://www.sportsseoul.com/news/read/318745
▪ 手機 URL : http://m.sportsseoul.com/news/read/318745
範例2.
#範例 meta :
<meta property="dable:item_id" content="2015111202028">
▪ PC URL : http://news.chosun.com/site/data/html_dir/2015/11/12/w2015111202028.html
▪ 手機 URL : http://m.chosun.com/svc/article.html?sname=news&contid=2015111202028
範例3.
#範例 meta :
<meta property="dable:item_id" content="nNewsNumb=20151118734&nidx=18735">
▪ PC URL : http://pub.chosun.com/client/news/viw.asp?cate=C03&mcate=M1001&nNewsNumb=20151118734&nidx=18735.html
▪ 手機 URL : http://m.pub.chosun.com/mobile/news/view.asp?cate=C03&mcate=M1001&nNewsNumb=20151118734&nidx=18735
5. 將Log collection script置入全站中
1. 當您登入以下網址，將會出現log collection script指南
https://admin.dable.io/-/guide/dable_script
<!-- 開始Dable script / 有問題請洽 http://dable.io -->
<script>
(function(d,a,b,l,e,_) {
d[b]=d[b]||function(){(d[b].q=d[b].q||[]).push(arguments)};e=a.createElement(l);
e.async=1;e.charset='utf-8';e.src='//static.dable.io/dist/plugin.min.js';
_=a.getElementsByTagName(l)[0];_.parentNode.insertBefore(e,_);
})(window,document,'dable','script');
dable('setService', 'dable.io');
dable('sendLog');
</script>
<!-- Dable 結束script / 有問題請洽 http://dable.io -->
2. 請將此程式碼置入整個網站標頭文件<head> 中。請注意setService 需等於您的Dable service_name
3.
☺重要
Log collection script必須置入於整個網站內，而非單一網頁。
透過蒐集主頁/搜尋頁/分類頁面等資料，才能進行細部個人化內容推薦，幫助網站主提升流量。若您已使用Google Analytics，您可將Dable 的log collection script與Google Analytics置於同一處。
4.當您成功置入log collection script，您可透過 http://admin.dable.io 即時查看log蒐集的狀況。
6. 手機版網站安裝指南 (若為響應式網站則無須另外設定)
1. 原則上，手機版設定步驟同PC版，於log collection script部分,
dable('setService', 'news.kbs.co.kr');只需置換如下部分
dable('setService', 'mn.kbs.co.kr');
2. Mobile service_name可參考”Dable News設定指南”進行設定。提醒您 : 'setService' 裡設定的 service_name可能與實際手機版域名不同。
7. Log collection script 與 meta tag 置入完成後
1. 完成設定後請告知負責窗口，Dable將於一周內提供建議的版面樣式(widget)，經雙方確認樣式後，Dable將會往下製作版面。
2. 若您有任何疑問，請來信至服務信箱support@dable.io
8. 常見問題
1. dable('setService', **** ); PC版與手機版需輸入對應service_id，若為響應式網站, 則請輸入相同名稱。
2. og:image 請輸入該顯圖的內容傳遞網路(CDN)網址。建議圖片畫素低於800 x 600，若畫素過大，圖像傳輸的費用有可能巨幅增加。
3. 若您需要將公司/品牌logo設為og:image，您可將文章實際顯圖的網址設於 dable:image而非 og:image。相同的，若您需要將品牌/網站名稱設為og:title，您可以設於 dable:title 而非og:title。
Keep In Touch With Us
Let’s Share Great Ideas