一般共同程序
1. 加入元標籤(meta tag) - 要加入的元標籤清單
•
元標籤(meta tag)包括內容標題、摘要和連結網址等資訊，以便瀏覽器和搜尋引擎快速識別頁面資訊。
•
使用個人化推薦服務皆須使用元標籤(meta tag)，因其提供了許多與內容相關的資訊。
[注意] 對於自適應網頁，請同時為電腦版和手機版加入下列元標籤(meta tag)清單。然而，在為電腦版和手機版網站添加 item_id 元標籤時，請確保不要為相同內容文章添加不同的 item_id。
item_id | 您必須輸入用來識別該內容文章的唯一代碼，您可以輸入字母、數字或一些特殊字符 (& = _ / -.) ，最多可輸入 64 個字元。對於同一個內容文章，電腦和手機都必須有相同的 item_id。 |
og:url | 輸入內容文章的 URL 標準網址，排除任何您不需要的參數。 |
og:title | 輸入內容文章標題。 |
og:description | 輸入內容文章摘要。 |
og:image | 輸入內容文章的代表圖片。 |
dable:author | 輸入內容文章作者。 |
article:section | 輸入內容文章所屬的類別。如果主類別之下有二級和三級子類別，請使用 section2 和 section3。 |
article:published_time | 以 ISO 8601 格式輸入內容文章建立日期。
• <meta property=”article:published_time” content=“2015-07-17T13:20:00+09:00”>
• <meta property=”article:published_time” content=“2015-07-17T13:20:00Z”>
• <meta property=”article:published_time” content=“20150717T132000Z”> |
itemprop=”articleBody” | The tag that wraps the body to collect the item body.
包覆正文的標籤，用以收集項目正文。 |
2. 元標籤(meta tag)位置
•
請在內容文章詳細頁面中插入必備元標籤。元標籤必須插入在 </head> 程式碼之前。
3. 驗證元標籤已正確加入
•
◦
User-agent: 電腦版請選擇 「PC」；手機版請選擇「Mobile」。響應式網頁，請選擇 「PC」。
◦
Service-type: 為您的網站選擇服務類型。
◦
URL: 選擇一個文章內容，複製並貼上網址。
各網站類型的程序
<響應式網站>
安裝模組程式碼
•
請申請模組程式碼發行。由於所有的模組插件都是為了配合響應式網站而建立，因此請分別為電腦版和行動版申請不同的 UI 大小。如果沒有分開申請，我們會建立一個能達到最佳效果的 UI 格式。申請前請先瀏覽 Dable 提供的模組樣式。
•
添加程式碼後，模組插件可能不會立即顯示。它會在收集足夠的推薦文章之後自動顯示，最長可能需要 24 小時。
<自適應網站>
安裝模組程式碼
•
請申請模組程式碼發行。由於 widget 的建立是為了具回應性，因此請分別為電腦版和行動版申請不同的 UI 大小。如果沒有分開申請，我們會建立一個能達到最佳效果的 UI 格式。申請前請先查看 Dable 提供的模組樣式。
•
添加程式碼後，模組插件可能不會立即顯示。它會在收集足夠的推薦文章之後自動顯示，最長可能需要 24 小時。
<AMP 網站>
安裝模組程式碼
•
請申請模組程式碼發行。申請時請參考行動最佳化的 UI。
•
添加程式碼後，模組插件可能不會立即顯示。它會在收集足夠的推薦文章之後自動顯示，最長可能需要 24 小時。
[注意] 在程式碼中的 ITEM_ID_TO_BE_REPLACED 為每個文章內容加入專屬的 item_id 值。
