ネイティブライクバナーの掲載 - united-adstir/AdStir-Integration-Guide-Android GitHub Wiki
ネイティブライクバナー広告は、ネイティブ広告をバナーのように配置して掲載する広告形式です。
adstirにログインし、作成した広告枠の「タグ/SDK」からタグを取得します。
作成した広告枠の「テンプレート選択」からデザインを選択できます。
アプリ内でテンプレートに合ったサイズのWebViewを作成していただき、そこに管理画面で取得できるタグを記述したHTMLファイルを表示するのみです。なお、綺麗なサイズで表示するためには、marginやpaddingを初期化する必要があります。
<style type="text/css">
html,body { margin:0; padding:0 } /* marginとpaddingを0に */
</style>
<script type="text/javascript">
var adstir_vars = {
ver: "4.0",
type: "native",
app_id: "MEDIA-XXXXX",
ad_spot: 1,
async: false,
};
</script>
<script type="text/javascript" src="https://js.ad-stir.com/js/adstir_native.js"></script>ネイティブライクバナーは、自由にリサイズをすることが可能です。下記の様に、幅とスケールを指定することで、基本サイズ(テンプレート選択画面に記載)からリサイズできます。
<style type="text/css">
html,body { margin:0; padding:0 } /* marginとpaddingを0に */
#adstir_native_widget_wrapper {
width: 150px;
height: 100px;
}
#adstir_native_widget {
transform: scale(0.5);
-webkit-transform: scale(0.5); /* 古いバージョンのOSに対応させる場合に必須 */
}
</style>
<script type="text/javascript">
var adstir_vars = {
ver: "4.0",
type: "native",
app_id: "MEDIA-XXXXX",
ad_spot: 1,
async: false,
};
</script>
<script type="text/javascript" src="https://js.ad-stir.com/js/adstir_native.js"></script>アプリに掲載する広告は、広告識別子を送信することでさらなる収益化が可能になる場合があります。
User-Agentを標準のものから変更された場合、正常に広告は配信されません。
独自のUser-Agentをご利用になられる場合には、既存のUser-Agentの末尾に、文字列を追加して頂くようにお願い致します。
例： Mozilla/5.0 (iPhone; CPU iPhone OS 10_0_1 like Mac OS X) AppleWebKit/602.1.50 (KHTML, like Gecko) Mobile/14A403 AdStir-IOS com.ad-stir.appli/2.7.2 <- 太字部分を追加