ターゲティング設定

import { Adrop } from 'adrop-ads-react-native'

// ユーザーログイン後（オプション）
Adrop.setUID("user_123")

// ユーザーログアウト時
Adrop.setUID("")

import { AdropMetrics } from 'adrop-ads-react-native'

// 文字列プロパティ
AdropMetrics.setProperty("membership_level", "premium")

// 数値プロパティ
AdropMetrics.setProperty("booking_count", 15)

// ブールプロパティ
AdropMetrics.setProperty("is_subscriber", true)

// null値を渡す（プロパティを削除）
AdropMetrics.setProperty("membership_level", null)

import { AdropMetrics } from 'adrop-ads-react-native'

const currentProperties = await AdropMetrics.properties()
console.log(currentProperties)
// { membership_level: "premium", booking_count: 15, ... }

import { AdropMetrics } from 'adrop-ads-react-native'
import { AdropProperties } from 'adrop-ads-react-native'

// 年のみ (yyyy)
AdropMetrics.setProperty(AdropProperties.BIRTH, "1990")

// 年と月 (yyyyMM)
AdropMetrics.setProperty(AdropProperties.BIRTH, "199003")

// 完全な日付 (yyyyMMdd)
AdropMetrics.setProperty(AdropProperties.BIRTH, "19900315")

import { AdropMetrics } from 'adrop-ads-react-native'
import { AdropProperties, AdropGender } from 'adrop-ads-react-native'

// 男性
AdropMetrics.setProperty(AdropProperties.GENDER, AdropGender.MALE)

// 女性
AdropMetrics.setProperty(AdropProperties.GENDER, AdropGender.FEMALE)

// その他
AdropMetrics.setProperty(AdropProperties.GENDER, AdropGender.OTHER)

// 不明
AdropMetrics.setProperty(AdropProperties.GENDER, AdropGender.UNKNOWN)

import { AdropMetrics } from 'adrop-ads-react-native'
import { AdropProperties } from 'adrop-ads-react-native'

AdropMetrics.setProperty(AdropProperties.AGE, 30)

import { AdropMetrics } from 'adrop-ads-react-native'

// ローカルアクティビティアプリの例
AdropMetrics.setProperty("region", "Tokyo")
AdropMetrics.setProperty("booking_count", 5)

// ショッピングモールアプリの例
AdropMetrics.setProperty("membership_tier", "gold")
AdropMetrics.setProperty("total_purchase_amount", 1500000)

// メディアアプリの例
AdropMetrics.setProperty("favorite_genre", "drama")
AdropMetrics.setProperty("is_premium_subscriber", true)

import React, { useEffect } from 'react'
import { AdropMetrics } from 'adrop-ads-react-native'
import { AdropProperties, AdropGender } from 'adrop-ads-react-native'

const ProfileScreen = () => {
  useEffect(() => {
    // ユーザー情報を取得
    const user = getUserInfo()

    // 組み込みプロパティを設定
    AdropMetrics.setProperty(AdropProperties.BIRTH, user.birthDate)
    AdropMetrics.setProperty(AdropProperties.GENDER, user.gender)

    // カスタムプロパティを設定
    AdropMetrics.setProperty("membership_level", user.membershipLevel)
    AdropMetrics.setProperty("total_booking_count", user.bookingCount)
  }, [])

  return (
    // 画面コンポーネント
  )
}

export default ProfileScreen

import { AdropBanner } from 'adrop-ads-react-native'

<AdropBanner
  unitId="YOUR_UNIT_ID"
  contextId="article_sports"
  style={{ width: 320, height: 50 }}
/>

<AdropBanner
  key={category}
  unitId="YOUR_UNIT_ID"
  contextId={category}
  style={{ width: 320, height: 50 }}
/>

import { AdropNativeAd, AdropAdChoicesPosition } from 'adrop-ads-react-native'

const nativeAd = new AdropNativeAd(
  'YOUR_UNIT_ID',
  false,
  AdropAdChoicesPosition.topRight,
  'article_sports'
)

nativeAd.load()

import { AdropMetrics } from 'adrop-ads-react-native'

// シンプルイベント（パラメータなし）
AdropMetrics.sendEvent('app_open')

// パラメータ付きイベント
AdropMetrics.sendEvent('view_item', {
  item_id: 'SKU-123',
  item_name: 'Widget',
  item_category: 'Electronics',
  brand: 'BrandX',
  price: 29900,
})

import { AdropMetrics } from 'adrop-ads-react-native'

AdropMetrics.sendEvent('purchase', {
  tx_id: 'TXN-20240101-001',
  currency: 'KRW',
  items: [
    {
      item_id: 'SKU-001',
      item_name: 'Product A',
      item_category: 'Electronics',
      brand: 'BrandX',
      price: 29900,
      quantity: 1,
    },
    {
      item_id: 'SKU-002',
      item_name: 'Product B',
      price: 15000,
      quantity: 2,
    },
  ],
})

// 正しい
AdropMetrics.setProperty("membership_level", "premium")
// 広告をロード...

// 間違い
// 広告をロード...
AdropMetrics.setProperty("membership_level", "premium") // 広告ロード後に設定するとターゲティングが適用されない

import { AdropMetrics } from 'adrop-ads-react-native'

const App = () => {
  useEffect(() => {
    // アプリ起動時に初期プロパティを設定
    updateUserProperties()
  }, [])

  const onUserPurchaseComplete = (purchaseAmount: number) => {
    // 購入完了時にプロパティを更新
    const currentTotal = getCurrentTotalPurchase()
    AdropMetrics.setProperty("total_purchase_amount", currentTotal + purchaseAmount)
  }

  const onMembershipUpgrade = (newTier: string) => {
    // メンバーシップアップグレード時にプロパティを更新
    AdropMetrics.setProperty("membership_tier", newTier)
  }

  // ...
}

import { AdropMetrics } from 'adrop-ads-react-native'

const onUserLogout = () => {
  // 必要に応じてプロパティをリセット
  AdropMetrics.setProperty("membership_level", null)
  AdropMetrics.setProperty("total_booking_count", null)
}