Tutorials

Basic native article landing page

This example sets up a basic landing page for native articles. By using the provider configuration, the adk.native.article provider that loads a specific article is selected. The ID of the article is provided via the itemId function, which extracts the ID from the path. Read more about ID extraction here.

Setup

adk.config()
    .addTemplate('com.advisible.native.article', adk.template.config()
        .url('article.html'))

    .addContainer('native-article', adk.container.config()
        .provider('adk.native.article')
        .params({
            itemId: ..., // < --Insert ID extraction command here.
        }))

Template

<img style="max-width: 100%;" %srcAttrs% />
<div>%advertiser%</div>
<h1>%headline%</h1>
<div>%lead%</div>
<div>%body%</div>

Result