メインコンテンツへスキップ

​
概要

ビルドツールなしでCDNスクリプトを通じてAdrop Web SDKを連携できます。静的ウェブサイトやシンプルなHTMLページに適しています。

​
サポートする広告フォーマット

  • バナー広告
  • ネイティブ広告（カスタムUI対応）

​
要件

  • モダンブラウザ（Chrome、Firefox、Safari、Edge）

​
インストール

HTMLドキュメントの<head>セクションにスクリプトを追加します。 
<script src="https://cdn.jsdelivr.net/npm/@adrop/ads-web-sdk@latest/dist/adrop-ads.min.js"></script>
特定バージョンを固定するには、@latestの代わりにバージョン番号を明示してください。 例：@adrop/ads-web-sdk@1.0.1

​
初期化

スクリプト読み込み後、SDKを初期化します。 
<script>
  const adrop = Adrop.observe({
    appId: 'YOUR_APP_ID',
    debug: true  // 開発環境でのみtrue
  });
</script>

​
初期化オプション (AdropConfig)

​
appId
string
required
アドコントロールコンソールで発行されたアプリID
​
uid
string
ユーザー識別子（ターゲティングに活用）
​
appKey
string
API認証キー（ユーザー属性更新時に必要）
​
debug
boolean
default:false
デバッグログを有効化
本番環境ではdebug: falseに設定してください。

​
インスタンスアクセス

初期化後、どこからでもAdrop.instance()でSDKにアクセスできます。 
const adrop = Adrop.instance();
// SDKを使用

​
設定の動的変更

ログイン後にユーザーIDを設定するなど、ランタイムで設定を変更できます。 
// setConfigを使用
Adrop.instance().setConfig({
  uid: 'USER_ID',
  appKey: 'YOUR_APP_KEY'
});
ターゲティング広告が正常に動作するには、広告枠レンダリング前にuidを設定してください。

​
目次

バナー広告

バナー広告の実装

ネイティブ広告

ネイティブ広告の実装

バックフィル広告

バックフィル広告の設定

ターゲティング設定

オーディエンス/コンテキストターゲティング

リファレンス

クラス、インターフェース、定数

サンプル

React、CDNサンプルコード