타겟팅 설정

Adrop.instance().setConfig({
  appKey: 'YOUR_APP_KEY',
  uid: 'USER_ID'
});

const adrop = Adrop.instance();

await adrop.metrics
  .setUserProperties({
    // 기본 제공 속성
    adid: 'ADVERTISING_ID',
    birth: '19931225',        // YYYY, YYYYMM, YYYYMMDD
    gender: 'M',              // M, F, U
    locale: 'ko_KR',          // ISO 639
    timeZone: 'Asia/Seoul',   // ISO 8601

    // 커스텀 속성 (콘솔에서 등록 필요)
    membership: 'premium',
    interests: 'tech,gaming'
  })
  .setAppProperties({
    appName: 'com.example.app',
    appVersion: '1.0.0',
    appBundleVersion: 100
  })
  .commit();

await adrop.metrics
  .setUserProperties({
    membership: 'premium',
    last_purchase_date: '2024-01-15',
    favorite_category: 'electronics'
  })
  .commit();

<div
  data-adrop-unit="YOUR_UNIT_ID"
  data-adrop-context-id="sport">
</div>

const container = document.getElementById('ad-container');
const adrop = Adrop.instance();

adrop.renderAd(container, {
  unit: 'YOUR_UNIT_ID',
  contextId: 'sport'
});

<div id="news-ad" data-adrop-unit="NEWS_BANNER"></div>

<script>
  // 페이지 카테고리에 따라 문맥 설정
  const category = document.body.getAttribute('data-category'); // 'sport', 'tech', etc.
  const container = document.getElementById('news-ad');

  Adrop.instance().renderAd(container, {
    unit: 'NEWS_BANNER',
    contextId: category
  });
</script>