import { AdFormat, AdBannerView } from "react-native-daro";import { Platform } from "react-native";
const BANNER_AD_UNIT_KEY = Platform.select({ ios: "YOUR_IOS_BANNER_AD_UNIT_KEY", android: "YOUR_ANDROID_BANNER_AD_UNIT_KEY", default: '',});<AdBannerView style={styles.bannerView} // You must pass the Ad Unit Key when creating the component. Please set the style size to 320x50. adFormat={AdFormat.BANNER} adUnitKey={BANNER_AD_UNIT_KEY}/>
const MREC_AD_UNIT_KEY = Platform.select({ ios: "YOUR_IOS_MREC_AD_UNIT_KEY", android: "YOUR_ANDROID_MREC_AD_UNIT_KEY", default: '',});<AdBannerView style={styles.bannerView} // You must pass the Ad Unit Key when creating the component. Please set the style size to 300x250. adFormat={AdFormat.MREC} adUnitKey={MREC_AD_UNIT_KEY}/>
{"docsConfig":{"theme":"mint","$schema":"https://mintlify.com/docs.json","name":"DARO DOCS","colors":{"primary":"#6300da","light":"#9747ff","dark":"#5400b9"},"logo":{"light":"https://mintcdn.com/delightroom-5a71a6a8/zubkjN5vMaM7lt41/logo/light.png?fit=max\u0026auto=format\u0026n=zubkjN5vMaM7lt41\u0026q=85\u0026s=baed95fe98e239c4559a3bb93eef6a3e","dark":"https://mintcdn.com/delightroom-5a71a6a8/zubkjN5vMaM7lt41/logo/dark.png?fit=max\u0026auto=format\u0026n=zubkjN5vMaM7lt41\u0026q=85\u0026s=5a9f99bddf9939ca21a4c24e0da7dd6e"},"favicon":"https://mintcdn.com/delightroom-5a71a6a8/zubkjN5vMaM7lt41/daro-favicon.png?fit=max\u0026auto=format\u0026n=zubkjN5vMaM7lt41\u0026q=85\u0026s=8c2595b9e772ef24236cc0f7e46753dc","navbar":{"links":[{"href":"mailto:support@daro.so","label":"Support"}],"primary":{"type":"button","label":"Dashboard","href":"https://dashboard.daro.so"}},"footer":{"socials":{"linkedin":"https://linkedin.com/company/delightroom"}},"thumbnails":{"preset":"classic","appearance":"light","background":"https://mintcdn.com/delightroom-5a71a6a8/ZGUhh4KNQmDZ-0ZT/images/og-background.png?fit=max\u0026auto=format\u0026n=ZGUhh4KNQmDZ-0ZT\u0026q=85\u0026s=34a8c3fb141fbdd2ffa4d40641ccbc59","fonts":{"family":"Noto Sans KR"},"eyebrow":{"source":"none"}},"styling":{"latex":false},"navigation":{"global":{"anchors":[{"anchor":"Home","icon":"house","href":"https://daro.so"},{"anchor":"Blog","icon":"newspaper","href":"https://daro.so/blog"}]},"pages":[]}},"deployment":{"deploymentMetadataValue":{"subdomain":"delightroom-5a71a6a8","hasAudioNarration":false,"actualSubdomain":"delightroom-5a71a6a8","customDomains":["guide.daro.so"],"gitSource":{"type":"github","owner":"delightroom","repo":"daro-docs-mintlify","deployBranch":"main","contentDirectory":"","isPrivate":true,"mountPath":"","label":""},"entitlements":{"AI_CHAT":{"status":"ENABLED"},"WEB_MCP":{"status":"ENABLED"},"NARRATION":{"status":"ENABLED"}},"buildId":"6af54c88775a7c6199d3eccb","clientVersion":"0.0.4117","searchFilterCounts":[{"language":"en","tag":"Guides","count":109},{"language":"ko","tag":"가이드","count":109},{"language":"en","tag":"Ad Formats","count":52},{"language":"ko","tag":"광고 포맷","count":52},{"language":"en","tag":"SDK Integration","count":48},{"language":"ko","tag":"SDK 통합하기","count":48},{"language":"en","tag":"Legacy SDK","count":40},{"language":"en","tag":"Legacy SDK Integration (Deprecated)","count":40},{"language":"ko","tag":"레거시 SDK","count":40},{"language":"ko","tag":"레거시 SDK 통합하기 (Deprecated)","count":40},{"language":"en","tag":"Android","count":22},{"language":"en","tag":"iOS","count":22},{"language":"ko","tag":"Android","count":22},{"language":"ko","tag":"iOS","count":22},{"language":"en","tag":"Flutter","count":18},{"language":"ko","tag":"Flutter","count":18},{"language":"en","tag":"React Native","count":17},{"language":"ko","tag":"React Native","count":17},{"language":"en","tag":"Unity","count":9},{"language":"ko","tag":"Unity","count":9}]},"assistantConfig":{},"basePath":"","hasChatPermissions":true,"hasWebMcpPermissions":true,"toggles":[{"name":"kill-isr","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"custom-rbac-roles","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-mintlify-slack","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-integrations-settings","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"rbac-expansion","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-pr-grouping","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"custom-prefix","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"analytics-v7","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"user-flows-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"no-publish-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-onboarding","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving-live","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"stripTemperatureMiddleware","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"support-platform-pylon-zendesk","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"instant-rollback","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications-server","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-fable","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fixed-ai-action-pricing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automation-resolve-merge-conflict","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"scoped-publishing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"mintql","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"page-level-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-version-history-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-page-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"full-page-search","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workspace-projects","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"assistant-v5","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fork-pr-previews","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"revalidation-jwt","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-sso-scim","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"hobby-abuse-scan","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"dashboard-inbox","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-signup","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"turbopuffer-dual-write","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-enabled","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"approve-review-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-metadata","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"sso-setup-deadline-banner","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"turbopuffer-serve","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"live-agents","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"llms-txt-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false}],"googleFontsInlined":false},"customCss":[],"page":{"pagePath":"en/sdk-integration-v2/react-native/ad-formats/banner","slug":"/en/sdk-integration-v2/react-native/ad-formats/banner","pageMetadata":{"title":"Banner \u0026 MREC Ads","description":"Implement banner and MREC ads in your React Native app.","href":"/en/sdk-integration-v2/react-native/ad-formats/banner"},"description":{"compiledSource":"\"use strict\";\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n p: \"p\",\n ..._provideComponents(),\n ...props.components\n };\n return _jsx(_components.p, {\n children: \"Implement banner and MREC ads in your React Native app.\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = {\n ..._provideComponents(),\n ...props.components\n };\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\n","frontmatter":{},"scope":{}},"pageType":"default","mdx":{"mdxSource":{"compiledSource":"\"use strict\";const{Fragment:_Fragment,jsx:_jsx,jsxs:_jsxs}=arguments[0];const{useMDXComponents:_provideComponents}=arguments[0];function _createMdxContent(props){const _components={code:`code`,hr:`hr`,p:`p`,pre:`pre`,span:`span`,..._provideComponents(),...props.components},{CodeBlock,CodeGroup,Heading,OptimizedImage}=_components;if(!CodeBlock)_missingMdxReference(`CodeBlock`,true);if(!CodeGroup)_missingMdxReference(`CodeGroup`,true);if(!Heading)_missingMdxReference(`Heading`,true);if(!OptimizedImage)_missingMdxReference(`OptimizedImage`,true);return _jsxs(_Fragment,{children:[_jsx(Heading,{level:`2`,id:`banner-\u0026-mrec-ad-formats`,children:`Banner \u0026 MREC Ad Formats`}),`\n`,_jsx(Heading,{level:`3`,id:`banner-ads`,children:`Banner Ads`}),`\n`,_jsx(_components.p,{children:`Rectangular ad format (320x50) that occupies part of your app layout. Supported by most ad demand sources.`}),`\n`,_jsx(OptimizedImage,{src:`https://mintcdn.com/delightroom-5a71a6a8/j3-znW7LKrbpP3mb/sdk-integration/common-img/ad-formats-en/banner-example.png?fit=max\u0026auto=format\u0026n=j3-znW7LKrbpP3mb\u0026q=85\u0026s=3aa2e622942800824207a2261e062053`,alt:`Banner Example Pn`,title:`Banner Example Pn`,style:{width:`43%`},\"data-og-width\":`972`,width:`972`,\"data-og-height\":`2160`,height:`2160`,\"data-path\":`sdk-integration/common-img/ad-formats-en/banner-example.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/delightroom-5a71a6a8/j3-znW7LKrbpP3mb/sdk-integration/common-img/ad-formats-en/banner-example.png?w=280\u0026fit=max\u0026auto=format\u0026n=j3-znW7LKrbpP3mb\u0026q=85\u0026s=f7d662c9c61d6acdb813a8781906957c 280w, https://mintcdn.com/delightroom-5a71a6a8/j3-znW7LKrbpP3mb/sdk-integration/common-img/ad-formats-en/banner-example.png?w=560\u0026fit=max\u0026auto=format\u0026n=j3-znW7LKrbpP3mb\u0026q=85\u0026s=60efb8d226fcd610095a224fd8518a2d 560w, https://mintcdn.com/delightroom-5a71a6a8/j3-znW7LKrbpP3mb/sdk-integration/common-img/ad-formats-en/banner-example.png?w=840\u0026fit=max\u0026auto=format\u0026n=j3-znW7LKrbpP3mb\u0026q=85\u0026s=23619af301ff8e70eccb4e28f67a224b 840w, https://mintcdn.com/delightroom-5a71a6a8/j3-znW7LKrbpP3mb/sdk-integration/common-img/ad-formats-en/banner-example.png?w=1100\u0026fit=max\u0026auto=format\u0026n=j3-znW7LKrbpP3mb\u0026q=85\u0026s=ef4d39fdd49ca48dcdebc83548caa190 1100w, https://mintcdn.com/delightroom-5a71a6a8/j3-znW7LKrbpP3mb/sdk-integration/common-img/ad-formats-en/banner-example.png?w=1650\u0026fit=max\u0026auto=format\u0026n=j3-znW7LKrbpP3mb\u0026q=85\u0026s=cc253a3168663c18fde6ac429e872e7a 1650w, https://mintcdn.com/delightroom-5a71a6a8/j3-znW7LKrbpP3mb/sdk-integration/common-img/ad-formats-en/banner-example.png?w=2500\u0026fit=max\u0026auto=format\u0026n=j3-znW7LKrbpP3mb\u0026q=85\u0026s=e5303bfe6837234c375a66b357af1a21 2500w`}),`\n`,_jsx(Heading,{level:`3`,id:`mrec-ads`,children:`MREC Ads`}),`\n`,_jsx(_components.p,{children:`Medium Rectangle format (300x250) with similar characteristics to banner ads.`}),`\n`,_jsx(OptimizedImage,{src:`https://mintcdn.com/delightroom-5a71a6a8/j3-znW7LKrbpP3mb/sdk-integration/common-img/ad-formats-en/mrec-example.png?fit=max\u0026auto=format\u0026n=j3-znW7LKrbpP3mb\u0026q=85\u0026s=fa808a03d2e5a55975c680cae400660d`,alt:`Mrec Example Pn`,title:`Mrec Example Pn`,style:{width:`43%`},\"data-og-width\":`972`,width:`972`,\"data-og-height\":`2160`,height:`2160`,\"data-path\":`sdk-integration/common-img/ad-formats-en/mrec-example.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/delightroom-5a71a6a8/j3-znW7LKrbpP3mb/sdk-integration/common-img/ad-formats-en/mrec-example.png?w=280\u0026fit=max\u0026auto=format\u0026n=j3-znW7LKrbpP3mb\u0026q=85\u0026s=112b897469eedc228ed2f9b111afb987 280w, https://mintcdn.com/delightroom-5a71a6a8/j3-znW7LKrbpP3mb/sdk-integration/common-img/ad-formats-en/mrec-example.png?w=560\u0026fit=max\u0026auto=format\u0026n=j3-znW7LKrbpP3mb\u0026q=85\u0026s=c754d12019a95af2efcb481d4592f0b2 560w, https://mintcdn.com/delightroom-5a71a6a8/j3-znW7LKrbpP3mb/sdk-integration/common-img/ad-formats-en/mrec-example.png?w=840\u0026fit=max\u0026auto=format\u0026n=j3-znW7LKrbpP3mb\u0026q=85\u0026s=0074c35bf2097a41db2527c589e040c0 840w, https://mintcdn.com/delightroom-5a71a6a8/j3-znW7LKrbpP3mb/sdk-integration/common-img/ad-formats-en/mrec-example.png?w=1100\u0026fit=max\u0026auto=format\u0026n=j3-znW7LKrbpP3mb\u0026q=85\u0026s=a44ddd4df3e1b9cf4606b869578be612 1100w, https://mintcdn.com/delightroom-5a71a6a8/j3-znW7LKrbpP3mb/sdk-integration/common-img/ad-formats-en/mrec-example.png?w=1650\u0026fit=max\u0026auto=format\u0026n=j3-znW7LKrbpP3mb\u0026q=85\u0026s=ceda8943f4bcbf66c644658e8d530e50 1650w, https://mintcdn.com/delightroom-5a71a6a8/j3-znW7LKrbpP3mb/sdk-integration/common-img/ad-formats-en/mrec-example.png?w=2500\u0026fit=max\u0026auto=format\u0026n=j3-znW7LKrbpP3mb\u0026q=85\u0026s=591a33afd726ef7bf054665ce08f9fb4 2500w`}),`\n`,_jsx(_components.hr,{}),`\n`,_jsx(Heading,{level:`2`,id:`creating-banner/mrec-components`,children:`Creating Banner/MREC Components`}),`\n`,_jsx(CodeBlock,{filename:``,numberOfLines:`2`,language:`javascript`,children:_jsx(_components.pre,{className:`shiki shiki-themes github-light-default dark-plus`,style:{backgroundColor:`#ffffff`,\"--shiki-dark-bg\":`#0B0C0E`,color:`#1f2328`,\"--shiki-dark\":`#D4D4D4`},language:`javascript`,children:_jsxs(_components.code,{language:`javascript`,numberOfLines:`2`,children:[_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#C586C0`},children:`import`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:` { `}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:`AdFormat`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`, `}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:`AdBannerView`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:` } `}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#C586C0`},children:`from`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:` \"react-native-daro\"`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`;`})]}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#C586C0`},children:`import`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:` { `}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:`Platform`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:` } `}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#C586C0`},children:`from`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:` \"react-native\"`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`;`})]}),`\n`]})})}),`\n`,_jsxs(CodeGroup,{children:[_jsx(CodeBlock,{filename:`Banner`,numberOfLines:`12`,language:`javascript`,children:_jsx(_components.pre,{className:`shiki shiki-themes github-light-default dark-plus`,style:{backgroundColor:`#ffffff`,\"--shiki-dark-bg\":`#0B0C0E`,color:`#1f2328`,\"--shiki-dark\":`#D4D4D4`},language:`javascript`,children:_jsxs(_components.code,{language:`javascript`,numberOfLines:`12`,children:[_jsx(_components.span,{className:`line`}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#569CD6`},children:`const`}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#4FC1FF`},children:` BANNER_AD_UNIT_KEY`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#D4D4D4`},children:` =`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:` Platform`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`.`}),_jsx(_components.span,{style:{color:`#8250DF`,\"--shiki-dark\":`#DCDCAA`},children:`select`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`({`})]}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:` ios:`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:` \"YOUR_IOS_BANNER_AD_UNIT_KEY\"`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`,`})]}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:` android:`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:` \"YOUR_ANDROID_BANNER_AD_UNIT_KEY\"`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`,`})]}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:` default:`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:` ''`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`,`})]}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`});`})}),`\n`,_jsx(_components.span,{className:`line`}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:`\u003c`}),_jsx(_components.span,{style:{color:`#116329`,\"--shiki-dark\":`#4EC9B0`},children:`AdBannerView`})]}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#9CDCFE`},children:` style`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#D4D4D4`},children:`=`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#569CD6`},children:`{`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:`styles`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`.`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:`bannerView`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#569CD6`},children:`}`}),_jsx(_components.span,{style:{color:`#6E7781`,\"--shiki-dark\":`#6A9955`},children:` // You must pass the Ad Unit Key when creating the component. Please set the style size to 320x50.`})]}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#9CDCFE`},children:` adFormat`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#D4D4D4`},children:`=`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#569CD6`},children:`{`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:`AdFormat`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`.`}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#4FC1FF`},children:`BANNER`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#569CD6`},children:`}`})]}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#9CDCFE`},children:` adUnitKey`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#D4D4D4`},children:`=`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#569CD6`},children:`{`}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#4FC1FF`},children:`BANNER_AD_UNIT_KEY`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#569CD6`},children:`}`})]}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:`/>`})}),`\n`]})})}),_jsx(CodeBlock,{filename:`MREC`,numberOfLines:`12`,language:`javascript`,children:_jsx(_components.pre,{className:`shiki shiki-themes github-light-default dark-plus`,style:{backgroundColor:`#ffffff`,\"--shiki-dark-bg\":`#0B0C0E`,color:`#1f2328`,\"--shiki-dark\":`#D4D4D4`},language:`javascript`,children:_jsxs(_components.code,{language:`javascript`,numberOfLines:`12`,children:[_jsx(_components.span,{className:`line`}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#569CD6`},children:`const`}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#4FC1FF`},children:` MREC_AD_UNIT_KEY`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#D4D4D4`},children:` =`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:` Platform`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`.`}),_jsx(_components.span,{style:{color:`#8250DF`,\"--shiki-dark\":`#DCDCAA`},children:`select`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`({`})]}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:` ios:`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:` \"YOUR_IOS_MREC_AD_UNIT_KEY\"`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`,`})]}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:` android:`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:` \"YOUR_ANDROID_MREC_AD_UNIT_KEY\"`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`,`})]}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:` default:`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:` ''`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`,`})]}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`});`})}),`\n`,_jsx(_components.span,{className:`line`}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:`\u003c`}),_jsx(_components.span,{style:{color:`#116329`,\"--shiki-dark\":`#4EC9B0`},children:`AdBannerView`})]}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#9CDCFE`},children:` style`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#D4D4D4`},children:`=`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#569CD6`},children:`{`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:`styles`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`.`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:`bannerView`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#569CD6`},children:`}`}),_jsx(_components.span,{style:{color:`#6E7781`,\"--shiki-dark\":`#6A9955`},children:` // You must pass the Ad Unit Key when creating the component. Please set the style size to 300x250.`})]}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#9CDCFE`},children:` adFormat`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#D4D4D4`},children:`=`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#569CD6`},children:`{`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:`AdFormat`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`.`}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#4FC1FF`},children:`MREC`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#569CD6`},children:`}`})]}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#9CDCFE`},children:` adUnitKey`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#D4D4D4`},children:`=`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#569CD6`},children:`{`}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#4FC1FF`},children:`MREC_AD_UNIT_KEY`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#569CD6`},children:`}`})]}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:`/>`})}),`\n`]})})})]})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={..._provideComponents(),...props.components};return MDXLayout?_jsx(MDXLayout,{...props,children:_jsx(_createMdxContent,{...props})}):_createMdxContent(props)}return{default:MDXContent};function _missingMdxReference(id,component){throw new Error(`Expected `+(component?`component`:`object`)+\" `\"+id+\"` to be defined: you likely forgot to import, pass, or provide it.\")}","frontmatter":{},"scope":{"config":{},"pageMetadata":{"title":"Banner \u0026 MREC Ads","description":"Implement banner and MREC ads in your React Native app.","href":"/en/sdk-integration-v2/react-native/ad-formats/banner"}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[{"title":"Banner \u0026 MREC Ad Formats","slug":"banner-\u0026-mrec-ad-formats","depth":2,"children":[{"title":"Banner Ads","slug":"banner-ads","depth":3,"children":[]},{"title":"MREC Ads","slug":"mrec-ads","depth":3,"children":[]}]},{"title":"Creating Banner/MREC Components","slug":"creating-banner/mrec-components","depth":2,"children":[]}],"codeExamples":{}},"jsLinks":[],"subdomain":"delightroom-5a71a6a8","siteName":"DARO DOCS","title":"Banner \u0026 MREC Ads - DARO DOCS","navMaps":{"firstHrefInVersion":{"DARO 2.0 SDK":{"href":"/en/sdk-integration-v2/react-native/ad-formats/banner","matchLevel":0}},"firstHrefInLanguage":{"en":{"href":"/en/sdk-integration-v2/react-native/ad-formats/banner","matchLevel":0},"ko":{"href":"/ko/sdk-integration-v2/react-native/ad-formats/banner","matchLevel":1}}},"lastModified":"2026-11-11T09:25:48.595Z","originalFileLocation":"en/sdk-integration-v2/react-native/ad-formats/banner.mdx","locale":"en"},"headHtml":"\u003cscript data-mint-head>(function(){var d=document.documentElement,p=null;if(!p){try{p=localStorage.getItem(\"isDarkMode\")}catch(e){}if(p==='true')p='dark';else if(p==='false')p='light';if(p!=='light'\u0026\u0026p!=='dark'\u0026\u0026p!=='system')p=\"system\"}var r=p==='system'?(matchMedia(\"(prefers-color-scheme: dark)\").matches?'dark':'light'):p;d.classList.remove(r==='dark'?'light':'dark');d.classList.add(r);d.setAttribute(\"data-theme-preference\",p)})();\u003c/script>\u003cmeta data-mint-head name=\"description\" content=\"Implement banner and MREC ads in your React Native app.\">\u003cmeta data-mint-head name=\"application-name\" content=\"DARO DOCS\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/delightroom-5a71a6a8/iOSVTcXFom9qs1U1/_generated/favicon/android-chrome-192x192.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"apple-touch-icon\" type=\"image/png\" sizes=\"180x180\" href=\"/mintlify-assets/_mintlify/favicons/delightroom-5a71a6a8/iOSVTcXFom9qs1U1/_generated/favicon/apple-touch-icon.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/delightroom-5a71a6a8/iOSVTcXFom9qs1U1/_generated/favicon/favicon-16x16.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/delightroom-5a71a6a8/iOSVTcXFom9qs1U1/_generated/favicon/favicon-32x32.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/delightroom-5a71a6a8/iOSVTcXFom9qs1U1/_generated/favicon/favicon.ico\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/delightroom-5a71a6a8/iOSVTcXFom9qs1U1/_generated/favicon-dark/android-chrome-192x192.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/delightroom-5a71a6a8/iOSVTcXFom9qs1U1/_generated/favicon-dark/favicon-16x16.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/delightroom-5a71a6a8/iOSVTcXFom9qs1U1/_generated/favicon-dark/favicon-32x32.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/delightroom-5a71a6a8/iOSVTcXFom9qs1U1/_generated/favicon-dark/favicon.ico\" media=\"(prefers-color-scheme: dark)\">\u003cmeta data-mint-head property=\"og:title\" content=\"Banner \u0026amp; MREC Ads - DARO DOCS\">\u003cmeta data-mint-head property=\"og:description\" content=\"Implement banner and MREC ads in your React Native app.\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"DARO DOCS\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://guide.daro.so/en/sdk-integration-v2/react-native/ad-formats/banner\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head property=\"og:image\" content=\"https://delightroom-5a71a6a8.mintlify.site/_mintlify/api/og/v2?title=Banner+%26+MREC+Ads\u0026amp;description=Implement+banner+and+MREC+ads+in+your+React+Native+app.\u0026amp;theme=7d7772b043fa87e71f2af7f1\u0026amp;signature=1c466b968ffe41bdefbe01713f3c5da9da5322910d33f541f53c520173f5ea17\">\u003cmeta data-mint-head property=\"og:image:width\" content=\"1200\">\u003cmeta data-mint-head property=\"og:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"twitter:card\" content=\"summary_large_image\">\u003cmeta data-mint-head name=\"twitter:title\" content=\"Banner \u0026amp; MREC Ads - DARO DOCS\">\u003cmeta data-mint-head name=\"twitter:description\" content=\"Implement banner and MREC ads in your React Native app.\">\u003cmeta data-mint-head name=\"twitter:image\" content=\"https://delightroom-5a71a6a8.mintlify.site/_mintlify/api/og/v2?title=Banner+%26+MREC+Ads\u0026amp;description=Implement+banner+and+MREC+ads+in+your+React+Native+app.\u0026amp;theme=7d7772b043fa87e71f2af7f1\u0026amp;signature=1c466b968ffe41bdefbe01713f3c5da9da5322910d33f541f53c520173f5ea17\">\u003cmeta data-mint-head name=\"twitter:image:width\" content=\"1200\">\u003cmeta data-mint-head name=\"twitter:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"msapplication-config\" content=\"/mintlify-assets/_mintlify/favicons/delightroom-5a71a6a8/iOSVTcXFom9qs1U1/_generated/favicon/browserconfig.xml\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"DARO DOCS\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#6300da\">\u003clink data-mint-head rel=\"canonical\" href=\"https://guide.daro.so/en/sdk-integration-v2/react-native/ad-formats/banner\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/en/sdk-integration-v2/react-native/ad-formats/banner.md\">\u003clink data-mint-head rel=\"alternate\" hreflang=\"en\" href=\"https://guide.daro.so/en/sdk-integration-v2/react-native/ad-formats/banner\">\u003clink data-mint-head rel=\"alternate\" hreflang=\"ko\" href=\"https://guide.daro.so/ko/sdk-integration-v2/react-native/ad-formats/banner\">\u003clink data-mint-head rel=\"alternate\" hreflang=\"x-default\" href=\"https://guide.daro.so/ko/sdk-integration-v2/react-native/ad-formats/banner\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://guide.daro.so/#organization\",\"name\":\"DARO DOCS\",\"url\":\"https://guide.daro.so\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://mintcdn.com/delightroom-5a71a6a8/zubkjN5vMaM7lt41/logo/light.png?fit=max\u0026auto=format\u0026n=zubkjN5vMaM7lt41\u0026q=85\u0026s=baed95fe98e239c4559a3bb93eef6a3e\"}},{\"@type\":\"WebSite\",\"@id\":\"https://guide.daro.so#website\",\"name\":\"DARO DOCS\",\"url\":\"https://guide.daro.so\",\"publisher\":{\"@id\":\"https://guide.daro.so/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://guide.daro.so/en/sdk-integration-v2/react-native/ad-formats/banner#webpage\",\"url\":\"https://guide.daro.so/en/sdk-integration-v2/react-native/ad-formats/banner\",\"name\":\"Banner \u0026 MREC Ads\",\"description\":\"Implement banner and MREC ads in your React Native app.\",\"dateModified\":\"2026-11-11T09:25:48.595Z\",\"isPartOf\":{\"@id\":\"https://guide.daro.so#website\"},\"breadcrumb\":{\"@id\":\"https://guide.daro.so/en/sdk-integration-v2/react-native/ad-formats/banner#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://guide.daro.so/en/sdk-integration-v2/react-native/ad-formats/banner#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"SDK Integration\",\"item\":\"https://guide.daro.so/en/sdk-integration-v2/android/migration-guide\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"React Native\",\"item\":\"https://guide.daro.so/en/sdk-integration-v2/react-native/migration-guide\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Banner \u0026 MREC Ads\",\"item\":\"https://guide.daro.so/en/sdk-integration-v2/react-native/ad-formats/banner\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://guide.daro.so/en/sdk-integration-v2/react-native/ad-formats/banner#article\",\"headline\":\"Banner \u0026 MREC Ads\",\"name\":\"Banner \u0026 MREC Ads\",\"description\":\"Implement banner and MREC ads in your React Native app.\",\"url\":\"https://guide.daro.so/en/sdk-integration-v2/react-native/ad-formats/banner\",\"mainEntityOfPage\":{\"@id\":\"https://guide.daro.so/en/sdk-integration-v2/react-native/ad-formats/banner#webpage\"},\"dateModified\":\"2026-11-11T09:25:48.595Z\",\"publisher\":{\"@id\":\"https://guide.daro.so/#organization\"},\"isPartOf\":{\"@id\":\"https://guide.daro.so#website\"}}]}\u003c/script>\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"DARO DOCS\",\"publisher\":{\"@type\":\"Organization\",\"name\":\"DARO DOCS\"},\"provider\":{\"@type\":\"Organization\",\"name\":\"Mintlify\",\"url\":\"https://mintlify.com\"}}\u003c/script>","agentPointerHref":"/en/sdk-integration-v2/react-native/ad-formats/banner.md","siteName":"DARO DOCS","nav":{"global":{"anchors":[{"anchor":"Home","icon":"house","href":"https://daro.so"},{"anchor":"Blog","icon":"newspaper","href":"https://daro.so/blog"}]},"versions":[{"version":"DARO 2.0 SDK","languages":[{"language":"en","tabs":[{"tab":"Guides","groups":[{"group":"DARO 2.0 SDK Migration","pages":[{"title":"DARO 2.0 SDK Overview","href":"/en/new-daro-sdk/overview"},{"title":"Legacy SDK Support Plan (before 2.0.0)","href":"/en/new-daro-sdk/legacy-support"},{"title":"Migration Guide","href":"/en/new-daro-sdk/migration-guide"}]},{"group":"Getting Started","pages":[{"title":"Before You Begin","href":"/en/before-the-beginning"},{"title":"Configure Your \"app-ads.txt\"","href":"/en/app-ads-txt-settings"}]},{"group":"SDK Integration","pages":[{"group":"Android","icon":"android","pages":[{"title":"Migration Guide","href":"/en/sdk-integration-v2/android/migration-guide"},{"title":"Getting Started","href":"/en/sdk-integration-v2/android/get-started"},{"group":"Ad Formats","pages":[{"title":"Banner \u0026 MREC Ads","href":"/en/sdk-integration-v2/android/ad-formats/banner"},{"title":"Native Ads","href":"/en/sdk-integration-v2/android/ad-formats/native"},{"title":"Interstitial Ads","href":"/en/sdk-integration-v2/android/ad-formats/interstitial"},{"title":"Rewarded Video Ads","href":"/en/sdk-integration-v2/android/ad-formats/rewarded"},{"title":"App Open Ads","href":"/en/sdk-integration-v2/android/ad-formats/appopen"},{"title":"Light Popup Ads","href":"/en/sdk-integration-v2/android/ad-formats/lightpopup"}]},{"title":"Control Privacy","href":"/en/sdk-integration-v2/android/control-privacy"},{"title":"Error Handling","href":"/en/sdk-integration-v2/android/error-handling"},{"title":"Android SDK Changelog","href":"/en/sdk-integration-v2/android/changelog"}]},{"group":"iOS","icon":"apple","pages":[{"title":"Migration Guide","href":"/en/sdk-integration-v2/ios_new/migration-guide"},{"title":"Getting Started","href":"/en/sdk-integration-v2/ios_new/get-started"},{"group":"Ad Formats","pages":[{"title":"Banner \u0026 MREC Ads","href":"/en/sdk-integration-v2/ios_new/ad-formats/bannerAndMREC"},{"title":"Native Ads","href":"/en/sdk-integration-v2/ios_new/ad-formats/native"},{"title":"Interstitial Ads","href":"/en/sdk-integration-v2/ios_new/ad-formats/interstitial"},{"title":"Rewarded Video Ads","href":"/en/sdk-integration-v2/ios_new/ad-formats/rewarded"},{"title":"App Open Ads","href":"/en/sdk-integration-v2/ios_new/ad-formats/appopen"},{"title":"Light Popup Ads","href":"/en/sdk-integration-v2/ios_new/ad-formats/lightpopup"}]},{"title":"Control Privacy","href":"/en/sdk-integration-v2/ios_new/control-privacy"},{"title":"Error Handling","href":"/en/sdk-integration-v2/ios_new/error-handling"},{"title":"iOS SDK Changelog","href":"/en/sdk-integration-v2/ios_new/changelog"}]},{"group":"React Native","icon":"react","pages":[{"title":"Migration Guide","href":"/en/sdk-integration-v2/react-native/migration-guide"},{"title":"Getting Started","description":"Integrate the DARO React Native SDK into your app.","href":"/en/sdk-integration-v2/react-native/get-started"},{"group":"Ad Formats","pages":[{"title":"Banner \u0026 MREC Ads","href":"/en/sdk-integration-v2/react-native/ad-formats/banner"},{"title":"Native Ads","description":"Implement native ads in your React Native app.","href":"/en/sdk-integration-v2/react-native/ad-formats/native"},{"title":"Interstitial Ads","href":"/en/sdk-integration-v2/react-native/ad-formats/interstitial"},{"title":"Rewarded Video Ads","href":"/en/sdk-integration-v2/react-native/ad-formats/rewarded"},{"title":"Light Popup Ads","href":"/en/sdk-integration-v2/react-native/ad-formats/lightpopup"}]},{"title":"React Native SDK Changelog","href":"/en/sdk-integration-v2/react-native/changelog"}]},{"group":"Flutter","icon":"flutter","pages":[{"title":"Migration Guide","href":"/en/sdk-integration-v2/flutter/migration-guide"},{"title":"Getting Started","href":"/en/sdk-integration-v2/flutter/get-started"},{"group":"Ad Formats","pages":[{"title":"Banner \u0026 MREC Ads","href":"/en/sdk-integration-v2/flutter/ad-formats/banner"},{"title":"Native Ads","href":"/en/sdk-integration-v2/flutter/ad-formats/native"},{"title":"Interstitial Ads","href":"/en/sdk-integration-v2/flutter/ad-formats/interstitial"},{"title":"Rewarded Video Ads","href":"/en/sdk-integration-v2/flutter/ad-formats/rewarded"},{"title":"App Open Ads","href":"/en/sdk-integration-v2/flutter/ad-formats/appopen"},{"title":"Light Popup Ads","href":"/en/sdk-integration-v2/flutter/ad-formats/lightpopup"}]},{"title":"Flutter SDK Changelog","href":"/en/sdk-integration-v2/flutter/changelog"}]},{"group":"Unity","icon":"unity","pages":[{"title":"Getting Started","href":"/en/sdk-integration-v2/unity/get-started"},{"group":"Ad Formats","pages":[{"title":"Banner Ads","href":"/en/sdk-integration-v2/unity/ad-formats/banner"},{"title":"Native Ads","href":"/en/sdk-integration-v2/unity/ad-formats/native"},{"title":"Interstitial Ads","href":"/en/sdk-integration-v2/unity/ad-formats/interstitial"},{"title":"Rewarded Video Ads","href":"/en/sdk-integration-v2/unity/ad-formats/rewarded"},{"title":"App Open Ads","href":"/en/sdk-integration-v2/unity/ad-formats/appopen"},{"title":"Light Popup Ads","href":"/en/sdk-integration-v2/unity/ad-formats/lightpopup"}]},{"group":"Advanced Features","pages":[{"title":"Use ILRD","href":"/en/sdk-integration-v2/unity/ilrd"}]},{"title":"Unity SDK Changelog","href":"/en/sdk-integration-v2/unity/changelog"}]}]},{"group":"How to Use DARO","pages":[{"group":"Dashboard","pages":[{"title":"Register an App","href":"/en/how-to-use/register-an-app"},{"title":"Manage Apps","href":"/en/how-to-use/manage-apps"},{"title":"Create an Ad Unit","href":"/en/how-to-use/create-an-ad-unit"},{"title":"Manage Ad Units","href":"/en/how-to-use/manage-an-ad-unit"},{"title":"View Metrics in Reports","href":"/en/how-to-use/view-report-metrics"},{"title":"Enter Payment Information","href":"/en/how-to-use/enter-payment-info"}]},{"group":"Advanced Features","pages":[{"title":"S2S Reward Callback API","href":"/en/advanced/s2s-reward-video-callback"},{"title":"Report API","href":"/en/advanced/report-api"}]}]},{"group":"FAQ","pages":[{"group":"Technical Integration","pages":[{"title":"How can I verify my integration is working correctly?","href":"/en/faq/integration/check-integration"},{"title":"Can I integrate DARO with a web app?","href":"/en/faq/integration/web-app-integration"},{"title":"I think I integrated correctly, but ads aren't showing.","href":"/en/faq/integration/why-ad-not-imp"},{"title":"Bitcode Error in Xcode 16 Environment","href":"/en/faq/integration/xcode-bitcode-error"}]},{"group":"Ad Operations","pages":[{"title":"How do I block unwanted or inappropriate ads?","href":"/en/faq/operation/block-unwanted-ads"},{"title":"How is payment processing done?","href":"/en/faq/operation/how-is-payment-processing-done"},{"title":"Why can't I see today's data?","href":"/en/faq/operation/why-2-days-report"},{"title":"Why do metrics fluctuate dramatically in the early integration stage?","href":"/en/faq/operation/why-metrics-fluctuating"}]}]},{"group":"Legacy SDK","pages":[{"group":"Legacy SDK Integration (Deprecated)","expanded":false,"pages":[{"group":"Android","icon":"android","pages":[{"title":"Before Integration","href":"/en/sdk-integration/android/before-the-integration"},{"title":"Getting Started","href":"/en/sdk-integration/android/get-started"},{"group":"Ad Formats","pages":[{"title":"Banner \u0026 MREC Ads","href":"/en/sdk-integration/android/ad-formats/banner"},{"title":"Native Ads","href":"/en/sdk-integration/android/ad-formats/native"},{"title":"Interstitial Ads","href":"/en/sdk-integration/android/ad-formats/interstitial"},{"title":"Rewarded Video Ads","href":"/en/sdk-integration/android/ad-formats/rewarded"},{"title":"App Open Ads","href":"/en/sdk-integration/android/ad-formats/appopen"},{"title":"Light Popup Ads","href":"/en/sdk-integration/android/ad-formats/lightpopup"}]},{"title":"Control Privacy","href":"/en/sdk-integration/android/control-privacy"},{"title":"Error Handling","href":"/en/sdk-integration/android/error-handling"},{"title":"Android SDK Changelog","href":"/en/sdk-integration/android/changelog"}]},{"group":"iOS","icon":"apple","pages":[{"title":"Before Integration","href":"/en/sdk-integration/ios_new/before-the-integration"},{"title":"Getting Started","href":"/en/sdk-integration/ios_new/get-started"},{"group":"Ad Formats","pages":[{"title":"Banner \u0026 MREC Ads","href":"/en/sdk-integration/ios_new/ad-formats/bannerAndMREC"},{"title":"Native Ads","href":"/en/sdk-integration/ios_new/ad-formats/native"},{"title":"Interstitial Ads","href":"/en/sdk-integration/ios_new/ad-formats/interstitial"},{"title":"Rewarded Video Ads","href":"/en/sdk-integration/ios_new/ad-formats/rewarded"},{"title":"App Open Ads","href":"/en/sdk-integration/ios_new/ad-formats/appopen"},{"title":"Light Popup Ads","href":"/en/sdk-integration/ios_new/ad-formats/lightpopup"}]},{"title":"Control Privacy","href":"/en/sdk-integration/ios_new/control-privacy"},{"title":"Error Handling","href":"/en/sdk-integration/ios_new/error-handling"},{"title":"iOS SDK Changelog","href":"/en/sdk-integration/ios_new/changelog"}]},{"group":"React Native","icon":"react","pages":[{"title":"Before Integration","href":"/en/sdk-integration/react-native/before-the-integration"},{"title":"Getting Started","href":"/en/sdk-integration/react-native/get-started"},{"group":"Ad Formats","pages":[{"title":"Banner \u0026 MREC Ads","href":"/en/sdk-integration/react-native/ad-formats/banner"},{"title":"Native Ads","href":"/en/sdk-integration/react-native/ad-formats/native"},{"title":"Interstitial Ads","href":"/en/sdk-integration/react-native/ad-formats/interstitial"},{"title":"Rewarded Video Ads","href":"/en/sdk-integration/react-native/ad-formats/rewarded"},{"title":"Light Popup Ads","href":"/en/sdk-integration/react-native/ad-formats/lightpopup"}]},{"title":"React Native SDK Changelog","href":"/en/sdk-integration/react-native/changelog"},{"title":"React Native Migration Guide","href":"/en/sdk-integration/react-native/migration-guide"}]},{"group":"Flutter","icon":"flutter","pages":[{"title":"Before Integration","href":"/en/sdk-integration/flutter/before-the-integration"},{"title":"Getting Started","href":"/en/sdk-integration/flutter/get-started"},{"group":"Ad Formats","pages":[{"title":"Banner \u0026 MREC Ads","href":"/en/sdk-integration/flutter/ad-formats/banner"},{"title":"Native Ads","href":"/en/sdk-integration/flutter/ad-formats/native"},{"title":"Interstitial Ads","href":"/en/sdk-integration/flutter/ad-formats/interstitial"},{"title":"Rewarded Video Ads","href":"/en/sdk-integration/flutter/ad-formats/rewarded"},{"title":"App Open Ads","href":"/en/sdk-integration/flutter/ad-formats/appopen"},{"title":"Light Popup Ads","href":"/en/sdk-integration/flutter/ad-formats/lightpopup"}]},{"title":"Flutter SDK Changelog","href":"/en/sdk-integration/flutter/changelog"}]}]}]}]}]},{"language":"ko","default":true,"pages":[{"title":"ko","href":"/ko/sdk-integration-v2/react-native/ad-formats/banner"}]}]}]},"basePath":"","title":"Banner \u0026 MREC Ads - DARO DOCS","buildId":"dpl_41S5Z2jG9QnfDRwN1KZrLdBwj7DM","deploymentId":"dpl_41S5Z2jG9QnfDRwN1KZrLdBwj7DM","dynamics":["a74be98ba7"],"chunks":["zoom-image-lightbox-CMHgNu49.js","lightbox-handle-r17bVUz3.js"]}