> ## Documentation Index
> Fetch the complete documentation index at: https://guide.beenos-solutions.com/llms.txt
> Use this file to discover all available pages before exploring further.

# BuyeePartners 商品ページバナー設置方法

> BuyeePartnersで、貴社ECサイトの商品ページからBuyee上の該当商品ページへ誘導するバナーの設置方法を解説します。

# BuyeePartners 商品ページバナー設置方法

BuyeePartnersでは、貴社ECサイトの商品ページから、**Buyee上の該当商品ページへ誘導するためのバナー**を設置できます。

弊社から提供するHTMLタグとスクリプトを、バナーを表示する商品ページに設置してください。

<Note>
  商品ページバナーを設置するには、商品情報登録時に設定した**商品コード**が必要です。
</Note>

## 1. タグを設置する

ECサイト内の商品ページで、バナーを表示したい位置にタグを設置します。

`body`タグ内であれば、設置場所は任意です。

貴社用のタグを受け取ったら、`item-code`の部分を、商品ページごとの**商品コード**に置き換えて使用してください。

### サンプル

```html theme={null}
<div id="for_your-alliance-code-to-item" style="display: none; width: 0px; height: 0px;">
  <input type="hidden" id="h_your-alliance-code-to-item" value="item-code" />
</div>
```

<Warning>
  `item-code`には、BuyeePartnersの商品登録時に設定した該当商品の商品コードを指定してください。
</Warning>

## 2. スクリプトを設置する

バナーを表示するページの、**`body`終了タグの直前**にスクリプトを設置します。

### サンプル

```html theme={null}
<script type="text/javascript">
(function() {
  var _buyee = { ac: 'your-alliance-code-to-item' };
  var _bqs = {};
  _bqs['v'] = (new Date()).getTime();

  var vars = [];
  for (key in _bqs) {
    vars.push(key + '=' + _bqs[key]);
  }

  var e = document.createElement('script');
  e.type = 'text/javascript';
  e.defer = true;

  var scheme = 'https:' == document.location.protocol ? 'https' : 'http';
  e.src = scheme + '://banner.buyee.jp/script/' + _buyee['ac'] + '.js?' + vars.join('&');

  var s = document.getElementsByTagName('script')[0];
  s.parentNode.insertBefore(e, s);
})();
</script>
```

<Note>
  上記はサンプルです。実際の設置時は、BuyeePartnersから提供された貴社用のタグとスクリプトをご利用ください。
</Note>

## 商品コードについて

商品ページバナーでは、各商品の商品コードを使って、貴社ECサイトの商品ページとBuyee上の商品ページを紐付けます。

そのため、商品ごとに正しい商品コードを設定してください。

商品コードについて詳しくは、以下の記事をご確認ください。

[BuyeePartners 商品コード（code）とは？](https://marketing.beecruise.co.jp/knowledge/article40)

## BASEを利用している場合

BASEをご利用の場合は、以下の記事をご確認ください。

[BASEにBuyee Partnersバナーを設置する方法](https://marketing.beecruise.co.jp/knowledge/article49)

## STORESを利用している場合

STORESをご利用の場合は、以下の記事をご確認ください。

[STORESにBuyee Partnersバナーを設置する方法](https://marketing.beecruise.co.jp/knowledge/article50)


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.