Browsi APIは、Browsiを導入し、当社の機械学習ソフトウェアに基づいて最適化された現在の広告配置を使用したい方のためのセットアップ方法です。
...
あなたのウェブサイトのページの<head>セクション内の最も高い位置にコードスニペットをコピー＆ペーストしてください。このスニペットは、最初の実装ステップ（実装を参照）のBrowsiタグの後に挿入する必要があります。
<head>
<!-- Script #1 -->
<!-- The following script loads the Browsi Engine A.I -->
<script
src="https://cdn.browsiprod.com/bootstrap/bootstrap.js"
id="browsi-tag"
data-pubKey="pubkey" // will be provided by Browsi
data-siteKey="sitekey" // will be provided by Browsi
async></script>
!-- Script #2 --><
<script>
window.browsitag =window.browsitag || {};
window.browsitag.cmd =window.browsitag.cmd || [];
</script>
</head> |
2.各広告プレースメントタグをBrowsiタグに置き換えます。
Googleの広告配置タグ（GPTタグ）の簡単な例です：
<body>
<!-- replace this code -->
<divid="banner-ad" styles=”width: 300px; hight: 250px;”>
<script>
googletag.cmd.push(function() {
googletag.display('banner-ad);
});
</script>
</div>
</body> |
Replace with:
<body>
<divid="<DIV_ID>"> <script> window.browsitag.cmd.push(() => { window.browsitag.display("<DIV_ID>", { sizes: [ {w:300,h:600},{w:300,h:250},"fluid" ],
adUnit: "AD_UNIT", disableViewabilityOptimization: false , positionTag: 'top'
//can be also: 'bottom','in-content','adhesive','left-rail', 'right-rail'
});
});
</script>
</div>
</body> |
API Parameters
parameter | description | type | required | example |
|---|
div_id | ユニットIDと要素IDは同じでなければならりません。 | string | Yes | “div-gpt-ad-12345”
|
adUnit | パブリッシャーIDと先頭の"/"を含む、呼び出すGoogle Ad Manager広告ユニット。 空白の場合は、Browsiプラットフォーム上でデフォルトで設定されている広告ユニットを使用します。 | string | Yes | adUnit: "/1234456/browsi/ad/unit"
|
Sizes | この特定の広告配置の全サイズのリストです。 Format - {w:XXX, h:XXX} (Width x Height). For Fluid ad size - 'fluid'. | array of objects | Yes | | Code Block |
|---|
sizes: [
{w:300,h:600},
{w:300,h: 250}, "fluid"
] |
|
positionTag | 配信する広告エレメント/ユニットの位置を伝えます。positionタグは、top、bottom、in-content（in-line）、adhesive、rail-left、rail-rightから選択できます。 | string | Yes | positionTag:'top'
|