メインコンテンツへスキップ
GET
https://api-v2.adrop.io
/
request
バナー広告
curl --request GET \
  --url https://api-v2.adrop.io/request \
  --header 'Authorization: <authorization>'
{
    "code": 0,
    "msg": "OK",
    "result": {
        "id": "ad_123456",
        "format": "banner",
        "type": "display",
        "unit": "YOUR_UNIT_ID",
        "w": 320,
        "h": 100,
        "ad": "<div>...</div>",
        "target": "external",
        "carouselActivated": false
    }
}
バナー広告はHTML形式で返されるため、Webプロジェクトで直接レンダリングできます。他のプラットフォームではWebViewを使用してレンダリングできます。

リクエストパラメータ

ヘッダー

Authorization
string
required
App Key(adrop_service.jsonで確認)

クエリパラメータ

unit
string
required
広告ユニットID
uid
string
ユーザー固有識別子。広告配信頻度制御とターゲティングに使用されます。
pf
string
プラットフォーム。androidioswebのいずれか
lcl
string
ロケール。例:ja_JPen_US
theme
string
テーマモード。lightまたはdark
contextId
string
コンテキストターゲティングID(ターゲティング広告リクエスト時必須)
adId
string
広告識別子(デバイスプレビュー時必須)

レスポンス

code
integer
required
レスポンスコード。0は成功を意味します。
msg
string
required
レスポンスメッセージ
result
object
広告データ
{
    "code": 0,
    "msg": "OK",
    "result": {
        "id": "ad_123456",
        "format": "banner",
        "type": "display",
        "unit": "YOUR_UNIT_ID",
        "w": 320,
        "h": 100,
        "ad": "<div>...</div>",
        "target": "external",
        "carouselActivated": false
    }
}

レンダリング

Webでのレンダリング

<div id="ad-container"></div>

<script>
fetch('https://api-v2.adrop.io/request?unit=YOUR_UNIT_ID&uid=USER_ID&pf=web', {
    headers: { 'Authorization': 'YOUR_APP_KEY' }
})
.then(res => res.json())
.then(data => {
    if (data.code === 0) {
        document.getElementById('ad-container').innerHTML = data.result.ad;
    }
});
</script>

カルーセルバナー

カルーセルバナーを使用する場合は、以下のスクリプトを追加してください:
<script src="https://storage.adrop.io/js/adrop-carousel-1.0.1.min.js"></script>

関連ドキュメント