次の方法で共有

Digital Platform API - クリエイティブに適したテンプレートを選択する

  • [アーティクル]

クリエイティブに使用するテンプレートを決定するには、以下のガイドを使用してください。

ヒント

クリエイティブの media_url / content値がクリエイティブ テンプレートに接続され、ユーザーのブラウザーに配信されるコードが形成されます。 そのため、クリエイティブを送信するときは、適切なテンプレート ID を選択することが不可欠です。 クリエイティブの詳細については、 クリエイティブ サービスに関するページを参照してください。

注:

テンプレート ID の詳細を取得します。

クリエイティブ テンプレート (およびテンプレート ID) の詳細については、 クリエイティブ テンプレート サービスに関するページを参照してください。

ID: 1

このテンプレートは、クリエイティブが HTML コードの一部を指す単一の URL である場合に使用されます。

フィールドに URL を渡し、テンプレート オブジェクトで media_url の 1 をid設定する必要があります。

テンプレート

    <iframe frameborder="0" width="${CREATIVE_WIDTH}" height="${CREATIVE_HEIGHT}" marginheight="0" marginwidth="0" target="_blank" scrolling="no" src="${MEDIA_URL}"></iframe>

ID: 1 例

クリエイティブ

{
    "creative": {
        "width": 320,
        "height": 50,
        "media_url": "http://test.com/piece_of_html",
        "template": {
            "id": 1
        }
    }
}

次の情報がユーザーのブラウザーに送信されます。

<iframe frameborder="0" width="320" height="50" marginheight="0" marginwidth="0" target="_blank" scrolling="no" src="http://test.com/piece_of_html"></iframe>

ID: 2

このテンプレートは、クリエイティブが Javascript コードの一部を指す単一の URL である場合に使用されます。

フィールドに URL を渡し、テンプレート オブジェクトで media_url の 2 をid設定する必要があります。

テンプレート

<html><body style="margin-left: 0%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%"><script type="text/javascript" src="${MEDIA_URL}"></script></body></html>

ID: 2 例

クリエイティブ

{
    "creative": {
        "width": 320,
        "height": 50,
        "media_url": "http://test.com/piece_of_js",
        "template": {
            "id": 2
        }
    }
}

次の情報がユーザーのブラウザーに送信されます。

<html><body style="margin-left: 0%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%"><script type="text/javascript" src="http://test.com/piece_of_js"></script></body></html>

ID: 5

このテンプレートは、Javascript コードが HTML を書き込む場合でも、クリエイティブが Javascript コンポーネントで開始および終了する場合に使用されます。

フィールドに Javascript コードを渡し、contentテンプレート オブジェクトで の 5 をid設定する必要があります。

テンプレート

<html><body style="margin-left: 0%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%"><script type="text/javascript">${CONTENT}</script></body></html>

ID: 5 例

クリエイティブ

{
    "creative": {
        "width": 320,
        "height": 50,
        "content": "var source = "http://test.com/test.img; var cw = 320; var ch = 50; ",
        "template": {
            "id": 5
        }
    }
}

次の情報がユーザーのブラウザーに送信されます。

<html><body style="margin-left: 0%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%"><script type="text/javascript">var source = "http://test.com/test.img"; var cw = 320; var ch = 50</script></body></html>

ID: 6

このテンプレートは、これらの HTML コンポーネントがタグであっても、クリエイティブが HTML コンポーネントで始まり、終わる場合に使用されます <script> 。

フィールドに html コードを渡し、contentテンプレート オブジェクトで の 6 をid設定する必要があります。

テンプレート

      ${CONTENT}

ID: 6 例

クリエイティブ

 {
    "creative": {
        "width": 320,
        "height": 50,
        "content": "<script type="text/javascript">var hostname = "http://hostname.com";</script><noscript>var hostname = "http://hostname.com";</noscript>",
        "template": {
            "id": 7
        }
    }
}

次の情報がユーザーのブラウザーに送信されます。

<script type="text/javascript">var hostname = "http://hostname.com";</script><noscript>var hostname = "http://hostname.com";</noscript>