{"data":{"id":"861660","string_id":"ZJlYaLCX","status":"1","parent_id":"68015","slug":"ZJlYaLCX","order":"7","name":"\u5e7f\u544a\u6837\u5f0f","type":"1","cover":"","cover_alt":"","desc":null,"website":"","contact":"","seo_title":"","seo_keyword":"","seo_desc":"","author":"Welch","published_time":"0","add_time":"1783322497","update_time":"1783422002","corp_auth_id":"0","verify_code_auth_id":"0","editor_type":"1","tags":[],"parent_name":"TopOn SDK\u63a5\u5165\u6307\u5357","parent_type":"1","parent_slug":"bPMOE6","child":[{"id":"861663","string_id":"rMQKmdVN","status":"1","parent_id":"861660","slug":"rMQKmdVN","order":"0","name":"\u63d2\u5c4f\u5e7f\u544a","type":"2","cover":"","cover_alt":"","desc":null,"website":"","contact":"","seo_title":"","seo_keyword":"","seo_desc":"","share_switch":"0","share_code":"","author":"Welch","published_time":"1783422002","add_time":"1783322650","update_time":"1783422002","corp_auth_id":"0","verify_code_auth_id":"0","editor_type":"2","file_type":"","auth_id":"[\"-1\"]","content":{"content_id":"861663","content":"> **\ud83d\udca1Tips**\n>\n> - \u63d2\u5c4f\u901a\u8fc7 `ATInterstitialAd` \u5b9e\u4f8b\u63a5\u5165\uff1a**\u4e00\u4e2a placementId \u5bf9\u5e94\u4e00\u4e2a\u5b9e\u4f8b**\u3002\n> - \u4e0e\u6fc0\u52b1\u89c6\u9891\u4e0d\u540c\uff0c\u63d2\u5c4f**\u65e0\u53d1\u5956\u56de\u8c03**\uff0c\u4f46\u6709\u5c55\u793a\u6210\u529f\uff08`onInterstitialAdShow`\uff09\u4e0e\u89c6\u9891\u64ad\u653e\u56de\u8c03\u3002\n> - \u52a0\u8f7d\u5931\u8d25\u7ecf `onInterstitialAdLoadFail` \u56de\u8c03\u4e0a\u62a5\uff1b\u5c55\u793a\u5931\u8d25\u7ecf `onInterstitialAdShowFailed` \u56de\u8c03\u4e0a\u62a5\uff0c\u5747\u4e0d\u8d70 Promise.reject\u3002\n> - \u5c55\u793a\u524d\u53ef\u8c03\u7528 `ATInterstitialAd.entryAdScenario(placementId, scenarioId)` \u4e0a\u62a5\u8fdb\u5165\u5e7f\u544a\u573a\u666f\uff08\u7528\u4e8e\u573a\u666f\u5316\u7edf\u8ba1\uff09\u3002\n> - \u5982\u9700\u7531 SDK \u6258\u7ba1\u52a0\u8f7d\u3001\u5173\u95ed\u540e\u81ea\u52a8\u8865\u91cf\uff0c\u8bf7\u53c2\u8003[\u81ea\u52a8\u52a0\u8f7d\u6a21\u5f0f](https:\/\/help.toponad.net\/cn\/docs\/4hgahcLt)\u3002\n\n---\n\n## 1. \u8bbe\u7f6e\u56de\u8c03\u76d1\u542c\n\n```tsx\nimport {\n ATInterstitialAd,\n type ATInterstitialListener,\n} from '@anythink\/react-native-sdk';\n\nconst listener: ATInterstitialListener = {\n onInterstitialAdLoaded: () => {\n \/\/ \u52a0\u8f7d\u6210\u529f\n },\n onInterstitialAdLoadFail: (error) => {\n console.log('load fail:', error.fullErrorInfo);\n },\n onInterstitialAdShow: (info) => {\n \/\/ \u5c55\u793a\u6210\u529f\n },\n onInterstitialAdShowFailed: (error) => {\n console.log('show fail:', error.fullErrorInfo);\n },\n onInterstitialAdClicked: (info) => {\n \/\/ \u70b9\u51fb\n },\n onInterstitialAdClose: (info) => {\n \/\/ \u5173\u95ed\n },\n onInterstitialAdVideoStart: (info) => {\n \/\/ \u89c6\u9891\u5f00\u59cb\uff08\u89c6\u9891\u7c7b\u63d2\u5c4f\uff09\n },\n onInterstitialAdVideoEnd: (info) => {\n \/\/ \u89c6\u9891\u7ed3\u675f\n },\n onInterstitialAdVideoError: (error) => {\n console.log('video error:', error.fullErrorInfo);\n },\n};\n```\n\n---\n\n## 2. \u521b\u5efa\u5b9e\u4f8b\u5e76\u6ce8\u518c\u76d1\u542c\n\n```tsx\nimport { useEffect, useRef } from 'react';\nimport { ATInterstitialAd } from '@anythink\/react-native-sdk';\n\nconst adRef = useRef(null);\n\nuseEffect(() => {\n const ad = new ATInterstitialAd('your placement id');\n ad.setAdListener(listener);\n adRef.current = ad;\n return () => ad.removeAdListener();\n}, []);\n```\n\n---\n\n## 3. \u52a0\u8f7d\u5e7f\u544a\n\n```tsx\nadRef.current?.load();\n\n\/\/ \u6216\u5e26\u8bf7\u6c42\u53c2\u6570\nadRef.current?.load({\n adxBidFloorInfo: { bidFloor: 1.0, currency: 'USD' },\n});\n```\n\n---\n\n## 4. \u5224\u65ad\u5e7f\u544a\u662f\u5426\u5c31\u7eea\n\n```tsx\nconst ready = await adRef.current?.isAdReady();\n```\n\n---\n\n## 5. \u5c55\u793a\u5e7f\u544a\n\n`show()` \u652f\u6301\u4e09\u79cd\u5165\u53c2\u5f62\u6001\uff1a\n\n```tsx\n\/\/ \u2460 \u76f4\u63a5\u5c55\u793a\nadRef.current?.show();\n\n\/\/ \u2461 \u5e26\u5e7f\u544a\u573a\u666f ID\nadRef.current?.show('your_scenario_id');\n\n\/\/ \u2462 \u5e26\u5c55\u793a\u914d\u7f6e\nadRef.current?.show({\n scenarioId: 'your_scenario_id',\n showCustomExt: 'your_custom_ext',\n});\n```\n\n---\n\n## 6. \u5b8c\u6574\u793a\u4f8b\n\n```tsx\nimport { useEffect, useRef } from 'react';\nimport { Button, View } from 'react-native';\nimport {\n ATInterstitialAd,\n type ATInterstitialListener,\n} from '@anythink\/react-native-sdk';\n\nexport function InterstitialDemo() {\n const adRef = useRef(null);\n\n const listener: ATInterstitialListener = {\n onInterstitialAdLoaded: () => console.log('loaded'),\n onInterstitialAdLoadFail: (e) => console.log('fail', e.fullErrorInfo),\n onInterstitialAdClose: () => console.log('closed'),\n };\n\n useEffect(() => {\n const ad = new ATInterstitialAd('your placement id');\n ad.setAdListener(listener);\n adRef.current = ad;\n return () => ad.removeAdListener();\n \/\/ eslint-disable-next-line react-hooks\/exhaustive-deps\n }, []);\n\n return (\n \n

广告样式