サイトの<head>内にBrowsiタグを実装することで、Browsiの機械学習エンジンと予測アルゴリズムを利用したインテリジェントな広告配信が可能になります。AIがサイト上のユーザー行動を予測し、最適な広告配置を決定します。
<head>にスクリプトを実装する
サイトごとにBrowsiタグを取得するために、Browsi担当者に接続します。
ウェブサイトの各ページの
<head>タグの一番高い位置にコードスニペットをコピー/ペーストしてください。Code Block <head> <meta charset="utf-8"> <title>Hello World</title> <script src="https://cdn.browsiprod.com/bootstrap/bootstrap.js" id="browsi-tag" data-pubkey="Browsi" // will be provided by Browsi data-sitekey="browsi" // will be provided by Browsi </script> </head>
| Info |
|---|
エンジンはnative("vanilla") javascriptで書かれており、ロード時に非同期で実行されます。あなたのサイトがロードされている間、スクリプトが干渉することなく、あなたのサイトは正常に実行されます。 |
PreBidリアルタイム・データ・モジュールによるBrowsiの導入
Browsi リアルタイムデータモジュールは、あらゆる広告在庫を最適化し、ビューアビリティとRPMを即座に改善する機能を提供します。
Codeの統合:
Browsiモジュールを以下のようにPrebid.jsパッケージにビルドします：
gulp build --modules=browsiRtdProvider&... |
Configure the
setConfigの一部としてrealTimeData.dataProvidersオブジェクトを使用し、ブラウザにBrowsiデータを取得するよう指示します。
| Code Block |
|---|
pbjs.setConfig({
"realTimeData": {
dataProviders:[{
"name": "browsi",
"params": {
"url": "yield-manager.browsiprod.com",
"siteKey": "site",
"pubKey": "publisher",
"keyName":"browsiViewability"
}
}]
}
}); |
スクリプト・アーキテクチャ
このスクリプトは、スマートな広告配置を実行するために、ウェブページ上で複数の非同期関数を実行します：
データ収集
ビューアビリティ予測
パーソナライズされた広告挿入
パブリッシャーの広告スタック