ベースピクセル
その仕組みは？
Taboolaピクセルには2つの基本部分があります:
- Taboolaのサーバーから実際のピクセルコードをダウンロードする読込コード。
- TFA機能を使用してピクセルIDを定義し、イベントを発生させる初期化コード。
ブラウザがJavascriptを実行できない場合、ベースピクセルに画像タグnonscript pixelが付いています。
ベースピクセルコードは以下の通りです：
<script type='text/javascript'>
window._tfa = window._tfa || [];
window._tfa.push({notify: 'event', name: 'page_view'});
!function (t, f, a, x) {
if (!document.getElementById(x)) {
t.async = 1;t.src = a;t.id=x;f.parentNode.insertBefore(t, f);
}
}(document.createElement('script'),
document.getElementsByTagName('script')[0],
'//cdn.taboola.com/libtrc/unip/XXXXX/tfa.js',
'tb_tfa_script');
</script>
<noscript>
<img src="//trc.taboola.com/XXXXX/log/3/unip?en=page_view" width="0" height="0" style="display:none"/>
</noscript>
XXXXXは、アカウントIDです。
ベースピクセルコードはどこに実装したらいいですか？
ベースピクセルコードは、thanksページまでの各ページに設定することを推奨します。
すべてのpage_viewイベントを追跡することで、ピクセルの効果を上げることができます。追加イベントを追跡する際、ウェブサイトから最初のPageViewイベントを外すことはお勧めしません。
ベースピクセルコードは page_viewイベントを発生させるので、コンバージョンと オーディエンスのルールを設定するときに参照URLとして使用することができます。
単一ページアプリケーション
標準的なeコマースサイトなどの典型的なウェブサイトでは、URLにアクセスした場合、アクセスするごとにページがリロード（再読込）されます。したがって、Taboolaピクセルを追加する場合、ページヘッダーにTaboolaピクセルコードを入れておけば、ページが読み込まれるたびにピクセルが正しいURL のpage_viewを発生させます。
単一ページアプリケーションでは、URLが変更されてもブラウザにリロードを要求しません。そのため、ピクセルを稼働させるのにページのリロードに頼ることはできません。代わりにイベントベースのピクセルを稼働させるべきです。
ベースコード設定
Taboolaピクセルのベースコードをページヘッダーに挿入します。または、タグマネージャーを使って挿入することもできます。これにより、初期読み込み時にピクセルを稼働させることができます。
PageViewイベントのトラッキング
新しいページがリロードされていることを「マーク」するサイトのコードの各段階で、パラメーターの item-url を使用し必要なURL（新しいページを論理的に特定するURL） のページビューイベントを発生させましょう。例えば次のようなものです：
_tfa.push({notify: 'event', name: 'page_view',"item-url":'add_your_URL'});
これを追跡するには、BackstageにURLベースのコンバージョンを追加すればよいだけです。これはURLが「add_your_URL」と同一もしくはそれが含まれる場合に一致するURLコンバージョンルールと同じです。
イベント
ベースピクセルを使用して、単純にページビューに基づくコンバージョンを追跡できます。さらに高度な行動を追跡したい場合、特別なシナリオに対してイベントベースコンバージョンを使用することができます。例えば、「カートに追加」ボタンをクリックしたユーザーの追跡やサインアップが完了した場合 （「見込み客」）などです。
イベントピクセルコードは以下の通りです:
<script>
_tfa.push({notify: 'event', name: 'your_event_name'});
</script>
<noscript>
<img src='//trc.taboola.com/XXXXX/log/3/unip?en=your_event_name
width='0' height='0' style='display:none'/>
</noscript>
Abcdはイベントコンバージョンルールで定義されたイベント名です
例、 Lead、AddToCartなど。
XXXXX はアカウントIDです。
以下はよく使われるイベントピクセルの事例です
| イベント名 | イベントピクセルコード | シナリオ |
| view_content | <script> _tfa.push({notify: 'event', name: 'view_content'}); </script> <noscript> <img src='//trc.taboola.com/XXXXX/log/3/unip?en=view_content' width='0' height='0' style='display:none'/> </noscript> |
ユーザーがサイトのコンテンツを閲覧したサイトでトリガーを得る場合。 |
| add_to_cart | <script> _tfa.push({notify: 'event', name: 'add_to_cart'}); </script> <noscript> <img src='//trc.taboola.com/XXXXX/log/3/unip?en=add_to_cart' width='0' height='0' style='display:none'/> </noscript> |
ユーザーが「カートに追加」ボタンをクリックした場合。 |
| complete_registration | <script> _tfa.push({notify: 'event', name: 'complete_registration'}); </script> <noscript> <img src='//trc.taboola.com/XXXXX/log/3/unip?en=complete_registration' width='0' height='0' style='display:none'/> </noscript> |
ユーザーが登録／サインアップを完了した場合。 |
同じページの異なるアカウントでピクセルを稼働させるには、以下に従ってください：
残りのアカウントのスニペットコードをビット修正する。
3つのアカウントがあるとします： A (ID 1111)、 B (ID 2222)、 and C (ID 3333)。次のイベントすべてで稼働させようとしているとします：
1. page_view (URLベース)
2. add_to_cart (イベントベース)
- サイトに1つのベースピクセルコードを設置します（例、 アカウントA）。
- ベースピクセルコードに、下記の黄色い部分を追加してアカウントBのpage_viewピクセルを稼働させます。希望するアカウントの数だけ追加することができます。
<script type='text/javascript'>
window._tfa = window._tfa || [];
window._tfa.push({notify: 'event', name: 'page_view',id:’1111’});
window._tfa.push({notify: 'event', name: 'page_view', id:'2222'});
window._tfa.push({notify: 'event', name: 'page_view', id:3333});
!function (t, f, a, x) {
if (!document.getElementById(x)) {
t.async = 1;t.src = a;t.id=x;f.parentNode.insertBefore(t, f);
}
}(document.createElement('script'),
document.getElementsByTagName('script')[0],
'//cdn.taboola.com/libtrc/unip/1111/tfa.js',
'tb_tfa_script');
</script>
<noscript>
<img src="//trc.taboola.com/1111/log/3/unip?en=page_view" width="0" height="0" style="display:none"/>
</noscript>
<noscript>
<img src="//trc.taboola.com/2222/log/3/unip?en=page_view" width="0" height="0" style="display:none"/>
</noscript><noscript>
<img src="//trc.taboola.com/3333/log/3/unip?en=page_view" width="0" height="0" style="display:none"/>
</noscript>
- アカウントAでadd_to_cartのイベントを発生させたい場合、通常どおり次のようにします：
<script>
_tfa.push({notify: 'event', name: 'add_to_cart'});
</script>
<noscript>
<img src='//trc.taboola.com/1111/log/3/unip?en=add_to_cart'
width='0' height='0' style='display:none'/>
</noscript>
- アカウントBでadd_to_cartのイベントを発生させたい場合は、次のようにします：
<script>
_tfa.push({notify: 'event', name: 'add_to_cart', id: '2222'});
</script>
<noscript>
<img src='//trc.taboola.com/2222/log/3/unip?en=add_to_cart'
width='0' height='0' style='display:none'/>
</noscript>