APIプレースメントの統合

Owned by Daniel Kojokaro (Unlicensed)
Last updated: Aug 31, 2023 by Mahiro Yoshimochi
1 min read

Browsi APIは、Browsiを導入し、当社の機械学習ソフトウェアに基づいて最適化された現在の広告配置を使用したい方のためのセットアップ方法です。

設定の順序

  1. あなたのウェブサイトのページの<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 -->
<div id="banner-ad" styles=”width: 300px; hight: 250px;”>
<script>
  googletag.cmd.push(function() {
  googletag.display('banner-ad);
});
</script>
  </div>
</body>

Replace with:

<body>
<div id="<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

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

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'