수익화 | 모바일 웹 통합 가이드

중요: 인모비 JavaScript 태그는 모바일 어플리케이션이 아닌 모바일 웹사이트 또는 제3자 개발 플랫폼에 최적화되어 있습니다. 즉, 인모비 JavaScript 태그를 모바일 어플리케이션이나 제3자 개발 플랫폼에 사용할 수 있더라도 결과가 다를 수 있으며, 인모비는 지원을 하지 못할 수 있습니다.

설정

  • 단계 1: 인모비 계정 생성

    인모비 계정을 설정하는 방법:

    1. 게시자로 가입합니다.

    2. 이메일로 계정을 인증합니다.

  • 단계 2: 앱 등록

    인모비 수익 창출 파트너에게 연락하거나 developer@inmobi.com으로 이메일을 보냅니다.

  • 단계 3: 광고 코드 통합

광고 코드 통합

가장 간단한 설정으로 광고를 요청하려면 먼저 인모비 광고 코드를 통합해야 합니다. 이렇게 하려면 다음 코드를 인모비에서 광고를 표시할 페이지로 붙여넣습니다. 아래 코드를 div 요소 안에 또는 웹 페이지 구조에 따라 적절히 붙여 넣을 수 있습니다.

<script type="text/javascript">
var inmobi_conf = {
siteid : "YOUR-SITE-ID",
slot : "15",
testdeviceid: "HTC Sense"};
</script>
<script type="text/javascript" src="http://cf.cdn.inmobi.com/ad/inmobi.js"></script>
		

inmobi_conf 개체 세부 내용:

  • siteid 매개 변수는 사이트의 고유 ID입니다. dashboard.inmobi.com에서 먼저 내 속성 탭을 클릭한 후 dashboard.inmobi.com의 속성 아래에 있는 관리를 클릭하여 사이트를 관리할 수 있습니다.
  • slot 매개 변수는 광고가 사이트에서 표시되는 슬롯이나 박스의 크기에 해당합니다.

지원되는 광고 슬롯 값과 해당 크기는 슬롯 크기 섹션을 참고하십시오.

개발과 테스팅을 할 때 통합하려는 속성의 테스트 모드를 활성화해야 합니다. 테스트 장치 ID는 "testdeviceid" 매개 변수로 전달해야 합니다.
실행 준비가 되었다면 계정에서 테스트 모드를 끄고 라이브 광고 수신을 시작해야 합니다.

참고:

  • 인모비 광고를 표시할 모든 페이지에 붙여넣어야 합니다.
  • 네이티브 광고를 제외한 모든 광고는 Iframe을 통해 가져옵니다. 이렇게 하면 페이지 로드가 막히는 것을 예방합니다.
  • 광고 코드 스크립트 태그는 페이지의 HTML 일부이어야 하며, JavaScript에 의해 동적으로 생성될 수 없습니다.
  • 인모비 광고와 코드를 Iframe 태그에 삽입하지 마십시오. 삽입하면 인모비에서 제공하는 리치 미디어 광고가 작동하지 않습니다.

EEA 지역에서 트래픽을 통해 수익을 창출하려면 GDP 규정을 준수해야합니다. GDPR 규정을 자세히 확인할 수 있습니다 여기서.

GDPR 준수

Variable Type Inference
consent String true - 게시자가 사용자의 데이터를 수집하고 이용하기 위해 동의서를 제공했습니다.

false - 게시자가 사용자의 데이터를 수집하고 이용하기 위해 동의서를 제공하지 않았습니다.

Note: “true” 및 “false” 이외의 값은 무효하며 게시자가 제공하지 않은 것으로 간주됩니다(예: 공백 값).

gdpr String 요청이 GDPR 규정, 설정 값 거짓 과의 편차에 해당하는지 여부는 알 수없는 항목을 나타냅니다.

구현 예 :

<script type="text/javascript">n
var inmobi_conf = {
siteid : "YOUR-SITE-ID",
slot : "15",
gdpr : "true",
consent : "false",
</script>
<script type="text/javascript" src="http://cf.cdn.inmobi.com/ad/inmobi.js"></script>
		

Ads.Txt

Ads.txt 또는 공식 디지털 판매자는 광고 생태계에서 투명성을 제고하도록 마련된 IAB 프로젝트로서, 게시자자 자신의 상품을 판매하도록 허가를 받은 사람을 지정할 수 있도록 해줍니다. Ads.txt는 게시자가 참여하는 게시자를 위해 공식 디지털 판매자를 식별하도록 자신의 루트 도메인에 게시하는 텍스트 파일로서, 기업들이 게시자의 진짜 상품을 자신있게 구매하도록 해줍니다.

TAG(신뢰할 수 있는 책임 그룹)에서는 InMobi와 통합하여 모바일 웹에서 현금화하는 게시자가 InMobi를 자신의 ads.txt 파일에 추가한 후 광고를 할 수 있습니다.

단계 1: 생성

아직 .txt 파일이 없다면 .txt 파일을 하나 만들고 이름을 ads.txt로 지정합니다.

단계 2: InMobi 입력 항목 추가

ads.txt 파일의 예

다음 정보와 유사한 내용을 InMobi의 Ads.txt에 추가합니다. ‘inmobi.com,74dcd2c4fa2d401cb74bbb9c124a268c,DIRECT,83e75a7ae333ca9d’

참고: ads.txt 파일에 추가할 정확한 입력 항목은 Aerserv 계정 관리자에게 문의하십시오.

IAB 필드 이름 설명 요건 상태
광고 시스템의 도메인 이름 입찰자들이 연결하는 시스템의 도메인 이름. inmobi.com 필수
판매자 계정 ID InMobi 게시자 계정ID 74dcd2c4fa2d401cb74bbb9c124a268c 필수
계정/관계 유형 계정 유형:
  • DIRECT: 게시자는 필드 1의 시스템에서 필드 2의 계정을 직접 제어합니다.
  • RESELLER: 게시자가 다른 업체가 필드 2에 표시된 계정을 제어하고 필드 1의 시스템을 통해 자신의 광고 영역을 재판매하도록 허용했습니다.

    참고: IAB는 데이터를 해석할 때 DSP가 이 필드를 대소문자를 구분하지 않고 처리하도록 지정합니다. InMobi는 이 필드 값이 모두 대문자로 입력할 것을 권장합니다.

Direct 필수
인증 기관 ID 인증 기관 내에서 필드 1에 있는 시스템을 식별하는 고유 ID입니다.

참고: ads.txt 파일에 있는 모든 InMobi 라인의 TAG ID는 83e75a7ae333ca9d입니다.

83e75a7ae333ca9d 선택 사항이지만 매우 권장

단계 3: 게시

ads.txt 파일을 해당 웹사이트의 도메인 서버의 루트 디렉터리에 게시합니다. 파일은 HTTP 또는 HTTPS를 통해 액세스할 수 있지만 표준 상대 경로: "ads.txt" 아래에 위치해야 합니다. HTTP 요청 헤더에는 "Content-Type: text/plain"이 포함되어야 합니다.

주문형 광고 요청

기본적으로 JavaScript 광고 코드는 페이지가 처음으로 로드될 때 자동으로 광고를 요청합니다. 주문형 광고를 가져올 때 또는 페이지가 로드된 후에 manual:true 매개 변수를 config 개체에 추가합니다.

<div id="my-ad-slot">
<script type="text/javascript"> 
var inmobi_conf = { 
siteid : "YOUR-SITE-ID", 
slot : "slot number", 
manual: true };
</script>
<script type="text/javascript" src="http://cf.cdn.inmobi.com/ad/inmobi.js"></script>
</div>
		

manual:true 매개 변수가 있는 경우, 광고는 페이지 로드 시 자동으로 로드되지 않습니다. getNewAd 함수를 사용하여 페이지 수명주기의 아무 때나 광고를 가져올 수 있습니다. 광고가 표시될 위치를 식별하려면 div 요소의 HTML ID를 제공해야 합니다.

<script type="text/javascript">
_inmobi.getNewAd(document.getElementById('my-ad-slot'));
</script>
		

참고: 광고가 로드되면 동일한 getNewAd 호출을 사용하여 동일 슬롯으로 새로운 광고를 가져올 수 있습니다. 이 방법은 광고 슬롯을 주기적으로 다시 로드하는 데 사용할 수 있습니다.

_inmobi.getNewAdconfig 개체를 두 번째 옵션 매개 변수로 가질 수 있습니다. 제공된 경우에는 광고 요청을 위해 새로운 config 개체가 사용됩니다.

<script type="text/javascript"> 
var newConfig = { 
siteid : "YOUR-SITE-ID", 
slot : "slot number", } 
_inmobi.getNewAd(document.getElementById('my-ad-slot'), newConfig);
</script>
		

삽입 광고와 통합

모바일 웹용 인모비의 Javascript 통합을 사용하면 풀 스크린 삽입 광고를 페이지 수명 주기의 어디에든 표시할 수 있습니다. 삽입 광고를 표시하기 위해 config 개체에 adtype:"int"manual:true 매개 변수를 추가합니다.

삽입 광고에는 닫기 버튼이 있어서 사용자가 광고를 닫고 내용으로 돌아갈 수 있습니다. 사용자가 이 버튼을 클릭하면 닫기 이벤트에 등록된 모든 리스너 함수가 호출됩니다.

광고가 닫힐 때 콜백을 수신하려면 _inmobi.addEventListener()를 통해 JavaScript 핸들러를 등록합니다. 위의 예를 참고하십시오.

삽입 광고는 사용자가 삽입 광고와 상호 작용하거나 취소하고 계속 진행할 수 있도록 모달 대화 상자에 표시해야 합니다. 일반적으로 전체 브라우저 뷰포트 영역을 덮는 반투명 오버레이를 사용하여 전면 광고를 중앙에 놓고 사용자가 웹 페이지와 상호 작용하지 못하도록 합니다.

<div id=”my-ad-slot”>
<script type="text/javascript"> 
var inmobi_conf = { 
siteid : "YOUR-SITE-ID", 
slot : "slot number", 
manual: true, 
adtype: "int" };
</script>
<script type="text/javascript" src="http://cf.cdn.inmobi.com/ad/inmobi.js"></script>
<script type="text/javascript"> _inmobi.addEventListener("close", function(event){/* handle close button */});</script><br></div>
		

나중에 삽입 광고를 표시해야 할 경우에는 다음 코드를 사용하여 광고를 가져옵니다.

<script type="text/javascript"> _inmobi.getNewAd(document.getElementById('my-ad-slot'));</script>
		

_inmobi.getNewAd가 호출되면 광고를 가져와서 표시합니다.

_inmobi.getNewAdconfig 개체를 두 번째 옵션 매개 변수로 가질 수 있습니다. 제공된 경우에는 광고 요청을 위해 새로운 config 개체가 사용됩니다.

<script type="text/javascript"> 
var newConfig = { 
siteid : "YOUR-SITE-ID", 
slot : "slot number", } 
_inmobi.getNewAd(document.getElementById('my-ad-slot'), newConfig);
</script>
		

CSS 및 HTML을 사용한 모달 창의 예는 다음과 같습니다. 이 예는 320픽셀 넓이의 광고 슬롯을 가정하였으며, iOS 및 Android 브라우저에 최적화되어 있습니다.

<body> ... <!-- end of page content --> <!-- begin ad interstitial overlay --> 
<div id="overlay"> 
<div id="hbox"> 
<div id="my-ad-slot"> 
<script type="text/javascript"> 
var inmobi_conf = { 
siteid : "YOUR-SITE-ID", 
slot : "slot number", 
manual: true, 
adtype: "int" }; 
</script> 
<script type="text/javascript" src="http://cf.cdn.inmobi.com/ad/inmobi.js"></script>
</div>
</div>
</div>
<style type="text/css" media="screen"> 
#overlay { visibility: hidden; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 1000; background-color: #ccc; display: table; } 
#hbox { display: table-cell; vertical-align: middle; } 
#my-ad-slot { margin: 0; } 
</style> 
<script type="text/javascript" charset="utf-8"> 
function showInterstitial() { 
_inmobi.getNewAd(document.getElementById('my-ad-slot')); 
document.getElementById('overlay').style.visibility = 'visible'; 
} 
function hideInterstitial() { 
document.getElementById('overlay').style.visibility = 'hidden'; } 
_inmobi.addEventListener("close", hideInterstitial); 
</script>
</body>
		

참고: 참고:서버로부터 삽입 광고를 수신하려면 슬롯 매개 변수가 14, 16, 17 중 하나이어야 합니다.

네이티브 광고와 통합

네이티브 광고를 사용하면 원래 내용과 비슷한 모양과 느낌이 나는 광고를 게시자가 표시하여, 사용자에게 독특한 경험을 선사할 수 있습니다. 네이티브 광고 응답에는 게시자가 지정한 형식의 광고 자산이 포함됩니다. 일반 자산에는 아이콘, 앱 스크린샷(앱 다운로드 광고용)과 제목, 부제목, 설명과 같은 텍스트 자산도 포함됩니다.

앱 레이아웃에 사용할 특정 템플릿을 생성하려면 당사에 연락하십시오.

네이티브 광고를 가져오려면 광고를 위치할 HTML 요소를 제공해야 합니다. 이 요소는 광고 주변 내용과 동일한 유형과 크기이어야 합니다.

elem은 네이티브 광고가 포함될 HTML 요소(일반적으로 div)입니다.

( 참고: 이것은 요소 개체이지 요소 ID가 아닙니다. 인모비는 div 요소를 사용한 광고 넣기를 권장합니다. iFrames는 권장하지 않습니다).

표준 매개 변수를 제외하고, 제공된 config 개체는 onSuccess 핸들러 함수를 가지고 있어야 합니다. 선택적으로, config 개체에서 onError 함수를 제공할 수도 있습니다. onSuccess 및 onError 콜백의 서명을 가지고 있는 config 예:

<script type="text/javascript"> 
var newConfig = { 
siteid : "YOUR-SITE-ID", 
onSuccess : function(ad,elem){ // Dom manipulation to display the ad on page // Set up click listeners here }, 
onError : function(code,elem){ if(code === “nfr”) // Handle no fill case here }, , }
</script>
		

네이티브 광고를 가져오려면 다음 API를 호출합니다.

_inmobi.getNativeAd(elem, config);
		

onSuccess 콜백은 이것 없이는 광고가 서비스되지 않는 필수 매개 변수입니다. onSuccess 콜백은 "ad" 매개 변수를 제공하는데, 이 매개 변수는 템플릿에 정의된 대로 자산에 대한 레퍼런스가 포함된 json 개체입니다.

네이티브 광고 렌더 등록

인모비 JS 라이브러리는 광고 노출이 언제 볼 수 있는지를 자동으로 적하고 그에 따라 기록합니다.

네이티브 광고 클릭 등록

자산 키(asset key)를 제외하고, 광고 개체는 광고 클릭을 보고하고 처리할 때 사용해야 할 두 가지 기능도 가지고 있습니다. 이것은 다음과 같습니다.

  • ad.reportAdClick()에 전달될 수 있는 값입니다. 광고 클릭만 보고하고 방문 페이지는 직접 엽니다.
  • ad.reportAndHandleAdClick()에 전달될 수 있는 값입니다. 광고 클릭을 보고하고 인모비에서 방문 페이지를 열도록 합니다.

광고 클릭은 모바일 웹사이트의 네이티브 경험에 맞게 직접 정의해야 합니다. 방문 페이지를 직접 열도록 선택한 경우에는 광고 개체의 "landing_url" 키 값을 사용해야 합니다.

광고 개체 예:

ad = {
“title” : “Starwars”,
“description” : “The most awaited game of the year, available for free download now”,
“landingURL” : “http://starwars.game.link”
“icon_url” : “some_image_url”,
“reportAdClick” : function() { //defined by inmobi },
“reportAndHandleAdClick” : function() { //defined by inmobi },
}
		

onError 콜백을 config 개체에 제공할 수도 있습니다. onError 핸들러는 handler 두 매개 변수 - code 및 elem를 전달합니다. Code는 광고 요청 실패 오류 코드이고, elem는 광고가 요청된 광고 요소입니다. 여기서, "NFR"은inmobi에서 얻을 수 있는 유일한 코드입니다. 이 Github repo를 보고 샘플 통합을 확인할 수 있습니다.

No-fill 처리

인모비 Javascript 광고 코드는 인모비가 광고 요청을 채울 수 있는지 여부를 사용자 코드가 감지할 수 있도록 해주며, 사용자가 지정한 오류 핸들러가 이 오류를 처리하도록 해줍니다. 이 콜백은 config 개체에서 onError 매개 변수에 제공해야 합니다.

onError 핸들러는 handler 두 매개 변수 - code 및 elem를 전달합니다. Code는 광고 요청 실패 오류 코드이고, elem는 광고가 요청된 광고 요소입니다. 여기서, "NFR"은inmobi에서 얻을 수 있는 유일한 코드입니다. 샘플 통합을 보려면 아래의 샘플 코드나 인모비의 github 리포지토리를 참조하십시오.

var inmobi_conf={
siteid : "YOUR_SITE_ID_HERE",
onSuccess : function(ad,div){ 
div.getElementsByTagName("img")[0].setAttribute("src",ad.icon.url);
div.getElementsByTagName("h3")[0].innerHTML=(ad.title);
div.onclick=ad.reportAndHandleAdClick;
div.getElementsByTagName("p")[0].innerHTML=ad.description;
div.style.display="";
},onError : function(code,div){console.log(code);if(code = “NFR”) {// Call the next Ad network to request for native ads or handle appropriately}}};
		

슬롯 크기

다음 슬롯 크기가 지원됩니다.

매개 변수 값

슬롯 크기

지정 인벤토리

1

120x20

모든 전화(피쳐폰, iOS, Android)

2

168x28

모든 전화(피쳐폰, iOS, Android)

3

216x36

모든 전화(피쳐폰, iOS, Android)

4

300x50

모든 전화(피쳐폰, iOS, Android)

9

320x48

스마트폰 및 태블릿(iOS, Android, 기타)

10

300x250

스마트폰 및 태블릿(iOS, Android, 기타)

11

728x90

스마트폰 및 태블릿(iOS, Android, 기타)

12

468x60

스마트폰 및 태블릿(iOS, Android, 기타)

13

120x600

스마트폰 및 태블릿(iOS, Android, 기타)

14

320x480

스마트폰 및 태블릿(iOS, Android, 기타) - 삽입 광고

15

320x50

스마트폰 및 태블릿(iOS, Android, 기타) - 리치 미디어 확장 가능한 광고

16

768x1024

태블릿(iOS 및 Android) - 세로 삽입 광고

17

800X1280

태블릿(iOS만) - 세로 전면 광고

자동 새로 고침 광고

이제 텍스트 및 배너 광고의 자동 새로 고침을 활성화시키고 새로 고침 간격(초)을 지정할 수 있습니다. 멀티미디어 광고의 자동 새로 고침도 지원되지만, 멀티미디어 광고가 확장된 상태에 있는 경우에만 가능합니다.

<div id="my-ad-slot">
<script type="text/javascript">
var inmobi_conf = {
siteid : "Your-SITE-ID",
slot : "slot number",
test: true,
autoRefresh: 60, // note: in seconds, the minimum accepted value is 20
};
</script>
<script type="text/javascript" src="http://cf.cdn.inmobi.com/ad/inmobi.js"></script> 
</div>
		

참고: 자동 새로 고침은 삽입 및 네이티브 광고에는 지원되지 않습니다.

콜백을 이용한 오류 알림

참고: 이 섹션은 비-네이티브 광고에만 적용됩니다.

광고를 서비스하는 동안 오류가 발생하면 게시자에게 알려줄 수 있습니다. 그러면 게시자가 콜백 시스템을 통해 제공된 정보를 보다 효과적으로 활용할 수 있도록 적절한 조치를 취할 수 있습니다. 현재는 이 알림이 NFR 시나리오에서만 지원됩니다.

예를 들어, 게시자가 NFR(No-Fill Response) 상황에 있다면 NFR이 있다는 것을 알려주는 콜백이 전송됩니다. 이제 게시자는 광고를 사용할 수 없어서 발생하는 공간 문제에 대처하고 보이지 않게 하는 조치를 취할 수 있습니다.

<div id="my-ad-slot">
<script type="text/javascript"> 
var inmobi_conf = { 
siteid : "YOUR-SITE-ID", 
slot : "slot number", 
onError : function(code) { if(code == "nfr") { document.getElementById("my-ad-slot").style.display = "none"; // do something else. call to other ad network or logic to display in-house ads, etc. } } };
</script>
<script type="text/javascript" src="http://cf.cdn.inmobi.com/ad/inmobi.js"></script>
</div>
		

위의 코드 예에서 code 매개 변수는 광고가 반환되지 않을 때nfr을 전송합니다.

고정 배너 광고 서비스

고정 배너 광고는 페이지를 위나 아래로 스크롤하는 경우에도 화면의 특정 위치에 고정되는 광고입니다. 인모비는 JavaScript 광고 코드로 통합된 경우 고정 배너 광고를 지원합니다. 이 기능은 고정 광고를 화면 왼쪽이나 오른쪽, 또는 상단이나 하단에 고정하도록 구성할 수 있습니다.

<div id="my-ad-slot" class="inmobi-ad">
<script type="text/javascript"> 
var inmobi_conf = { 
siteid : "YOUR-SITE-ID", 
slot : "slot number", 
sticky: "top" // "top", "right", "bottom" and "left". left and right only in case of 120x600 slot size. // Works only when the ad code has a container with class "inmobi-ad", on iOS 5 and above. };
</script><script type="text/javascript" src="http://cf.cdn.inmobi.com/ad/inmobi.js"></script>
</div>
		

중요!

고정 배너 광고 기능은 현재 iOS 버전 5 이상이 설치된 장치에서만 작동합니다. 다른 장치에서는 매개 변수가 무시되며 고정 배너 광고가 일반 배너 광고처럼 동작하여 코드가 삽입된 페이지 위치에 표시됩니다.

참고:

  • 고정 광고의 왼쪽과 오른쪽 배치는 120x600 슬롯 크기의 경우에만 적용됩니다.
  • 고정 광고 기능은 inmobi-ad 클래스가 포함된 컨테이너가 광고 코드에 있는 경우에만 작동합니다.

인구통계 정보 전달

사용자에 관한 인구통계 데이터를 인모비의 광고 서버로 전달하여 광고 대상 지정에 활용할 수 있습니다.

인구통계 매개 변수는 inmobi_conf 개체에서 사이트 ID, 슬롯 등과 함께 지정됩니다.

지원되는 매개 변수

매개 변수 이름

지정 인벤토리

age

사용자의 연령. 양의 정수이어야 합니다.

gender

사용자의 성별. 소문자 f 또는 m 값이 허용됩니다.

location

형식: 시-도-국가

interests

해당 어플리케이션에 의해 감지되거나 사용자의 동의 하에 제공된 사용자의 관심 영역을 나타내는 쉼표로 구분된 키워드 목록. 예: cars, sports, F1, stocks.

postalCode

예: 95035

areaCode

예: 408

dateOfBirth

형식: YYYY:MM:DD. 예: 1974:12:12

income

예: 250000

latlong

예: 37.771008,-122.41175

education

예: UG 또는 PG

ethnicity

예: asian, hispanic

인구통계 정보가 포함된 예:

<script type="text/javascript">
var inmobi_conf = {
siteid : "Your-Property-ID",
slot : 15,
gender: "m",
age: 25,
interests: "cricket,hockey,golf"
};
</script>
<script type="text/javascript" src="http://cf.cdn.inmobi.com/ad/inmobi.js"></script>
		

HTML5 API 구현

HTML5 사양은 브라우저에 다양한 기능을 구현합니다. 캐싱, 간편한 지리 시스템 액세스, 그리고 파일 시스템에 쉽게 액세스하고 연결 상태를 확인할 수 있는 기타 API 등을 예로 들 수 있습니다.

오프라인일 때 "자사 광고" 표시

먼저, 표시하려는 광고의 로컬 복사본이 있어야 합니다. 인터넷 액세스 없이도 표시될 수 있도록 광고를 캐싱해야 합니다. HTML5 applicationCache API에 관한 자세한 내용은 여기에서 확인할 수 있습니다. 사내 광고를 캐싱한 후에는 inmobi_conf 변수에 다음 라인을 추가합니다.

house_ad_path: "<relative/path/to/house/ad>"
		

그런 다음 페이지 끝 부분에 이 스크립트를 추가합니다.

<script type="text/javascript">
if (!(navigator.onLine)) { // if there is no online access, show local image
var houseAd = document.createElement("img");
houseAd.src = inmobi_conf["house_ad_path"];
document.getElementById("<div id of space for ad>").appendChild(houseAd);
}
else { // if there IS internet, then contact InMobi and dynamically put the script file inside of the parent div element of the ad
var sc = document.createElement("script");
sc.src = "http://cf.cdn.inmobi.com/ad/inmobi.js";
sc.type = "text/javascript";
document.getElementById("<div id of space for ad>").appendChild(sc);
}
</script>
		

이제 사용자가 인터넷에 연결되어 있지 않더라도 끊기지 않는 레이아웃을 사용할 수 있습니다. 또한, 원하는 어떤 내용도 표시할 수 있습니다.

중요!

이 경우에는 인터넷에 연결되어 있지 않으므로 인터넷 액세스가 필요한 어떠한 내용도 광고에 링크하지 않아야 합니다.

지리적 위치 사용

지리적 위치 API의 도입으로 지리 좌표를 보다 간편하게 사용할 수 있습니다. 지리적 위치에 대한 공식 문서는 여기에서 확인할 수 있습니다.

지역에 맞는 광고가 아래와 같이 구현되어야 합니다.

<div id="inmobiIntegration1">
<script type="text/javascript" src="JSAdCode/build/inmobi-dev.js"></script>
<script>
function addGeoCoords(position) {
var inmobi_conf = {
siteid : "Your-Property-ID",
slot : "15",
latlong:position.coords.latitude + ',' + position.coords.longitude
};
_inmobi.getNewAd(document.getElementById('inmobiIntegration1'), inmobi_conf);
}
navigator.geolocation.getCurrentPosition(addGeoCoords);
</script>
</div>
		

이제 사용자에게 지역별 타켓 광고를 서비스할 수 있습니다!

모바일 웹 테스트

InMobi Ad Tracker JavaScript 태그를 모바일 웹 사이트에 통합한 후에는 광고 캠페인을 시작하기 전에 아래 단계에 따라 통합을 테스트하십시오.

  1. 브라우저 쿠키를 삭제합니다.
  2. 추적 URL을 가져옵니다.
  3. 모바일 장치에서 캠페인 추적을 위한 추적 URL을 클릭합니다. 그러면 캠페인의 방문 페이지로 이동합니다.
  4. 모바일 웹 사이트에서 사용자가 전환을 생성하기 위해 수행하는 모든 단계를 거칩니다. 이렇게 하면 사용자가 통합한 모든 JavaScript 태그를 트리거하고, 클릭 시간 동안 브라우저에 표시된 쿠키를 읽어서 서버에 Ping을 보냅니다.

모바일 웹사이트가 성공적으로 통합되고 광고 캠페인을 진행할 수 있습니다.