Web SDK の概要とインストール

AdStage Web SDK のインストールと初期化の方法を説明します。広告の表示やイベントトラッキングなどの詳しい使い方は、各機能のドキュメントを参照してください。

🚀 インストール

パッケージマネージャー

pnpm add @adstage/web-sdk

インストール時のトラブルシューティング

peer dependency の競合エラーが発生した場合：

# すぐに解決する
npm install @adstage/web-sdk --legacy-peer-deps
 
# または .npmrc ファイルに設定を追加する
echo "legacy-peer-deps=true" >> .npmrc

CDN（プロトタイプ / 静的ページ）

<script src="https://unpkg.com/@adstage/web-sdk/dist/index.umd.js"></script>

⚙️ 初期化

init() 方式

<script>
  AdStage.init({ 
    apiKey: 'your-api-key',
    debug: true // 開発環境でのみ
  });
</script>

Provider 方式

import { AdStageProvider } from '@adstage/web-sdk';
 
export function App() {
  return (
    <AdStageProvider 
      config={{ 
        apiKey: 'your-api-key',
        debug: process.env.NODE_ENV === 'development'
      }}
    >
      <div>{/* アプリのコンポーネント */}</div>
    </AdStageProvider>
  );
}

🔧 設定オプション

オプション	型	デフォルト値	説明
`apiKey`	`string`	必須	API キー
`debug`	`boolean`	`false`	デバッグモードを有効化

Web SDK の概要とインストール

目次