Procedures for each website type

This post is also available in: 한국어 繁體中文 Indonesia Tiếng Việt

Procedures for each website type

Common procedure

(1)  Adding meta tags – Meta tag list to be added
A meta tag includes information such as content title, summary and unique links to allow quick identification of page information by browsers and search engines. A meta tag is required to use recommendation services as it includes numerous information about contents.

*For adaptive websites, please add the following meta tag list for both the PC and mobile versions. However, please make sure you do not add a different item_id for the same content when adding item_id meta tag for PC and mobile websites.

  • item_id: You must enter the unique key that you use to identify the item, and you can enter letters, numbers, or some special characters (& = _ / -.) up to 64 characters. Both PC and mobile must have the same item ID for the same item.
  • og:url: Enter the URL of the item as a canonical URL excluding any parameters you do not need.
  • og:title: Enter the title of the item.
  • og:description: Enter a summary of the item.
  • og:image: Enter the representative image of the item.
  • dable:author: Enter the author of the item.
  • article:section:Enter the category to which the item belongs. If the category structure is divided into secondary and tertiary, use section2 and section3.
  • article:published_time: Enter the item creation date in ISO 8601 format.
    • <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 location
Please insert the following meta tags in the item detail page. Meta tags are required to be inserted right before </head> code.

(3)Verify meta tag has been added correctly
You can check if the meta tags were successfully added by entering the URL debugging page

  • User-agent: For PC version, select “PC”; for mobile version, select “Mobile.” For responsive websites, select “PC.”
  • Service-type: Select the service type for your website.
  • URL: Click on a single content, copy and paste the URL.

1.Responsive website


Add widget script
Please apply for widget script issuance. As all widgets are created to work with responsive websites, please apply for separate UI sizes for the PC and the mobile version, respectively. If there are no separate applications, we will create an UI format that will yield the best results. Please look through the widgets provided by Dable in the Select Widget page before applying.

A widget may not be displayed immediately after adding the code. It will automatically be displayed after collecting sufficient recommendation items which may take up to a maximum of 24 hours.


2. Adaptive website


Add widget script
Please apply for widget script issuance. As widgets are created to be responsive, please apply for separate UI sizes for a PC and a mobile version, respectively. If there are no separate applications, we will create an UI format with the best results. Please look through the widgets provided by Dable in the Select Widget page before applying.

A widget may not be displayed immediately after adding the code. It will automatically be displayed after collecting sufficient recommendation items which may take up to a maximum of 24 hours.

3. AMP website


Add widget script
Please apply for widget code issuance. Refer to mobile-optimized UI when applying. .

A widget may not be displayed immediately after adding the code. It will automatically be displayed after collecting sufficient recommendation items which may take up to a maximum of 24 hours.

*유의: Add item_id value for each content in ITEM_ID_TO_BE_REPLACEDin the code.

This post is also available in: 한국어 繁體中文 Indonesia Tiếng Việt