タグの埋め込み方

概要

Flipdeskを利用するには、まず「基本タグ」と「コンバージョン計測タグ」をサイトに設置してください。
「カート情報取得タグ」と「インラインボタン表示タグ」は必要に応じて設置してください。
各タグは管理画面の「タグ管理」ページで取得することができます。

1. 基本タグ

設置場所

サイト内のすべてのページの、Bodyタグ内のできるだけ下の方に設置してください。
ユーザーの行動履歴を収集するため、Flipdeskを表示しないページにも設置する必要があります。

タグ

<script language="javascript" charset="UTF-8" type="text/javascript" src="https://api.flipdesk.jp/chat_clients/flipdesk_chat.js?api_token=xxxxxxxxxx&enc=UNICODE"></script>

指定可能な引数

api_token(必須) サイトごとに発行されるトークンです。管理画面から取得します。
enc(必須)

埋め込み先のページで使用している文字コードです。UNICODE / EUC / SJIS のうちいずれかを指定します。

2. コンバージョン計測タグ

設置場所

コンバージョンタグはコンバージョンが確定するページ(決済完了画面など)のBodyタグ内の任意の場所に設置してください。合わせて基本タグも設置する必要があります。

タグ

<div id="flipdesk_conversion" data-api-token=xxxxxxxxxx data-conversion="p=&q=&oid=&skus="></div>

指定可能な引数

p 合計購買金額です。半角数字のみ使用可能。
q(必須) 合計購買点数です。半角数字のみ使用可能。コンバージョンが問い合わせや会員登録などの場合は固定で「1」を指定してください。
oid 受注番号など、コンバージョンを識別する文字列です。半角文字のみ使用可能。
skus 購買した商品の内訳です。

SKUsの指定方法

商品ごとに以下のフォーマットで情報を引き渡します。

__[SKU],[商品名],[点数],[単価],[カテゴリ]

半角カンマは区切り文字として使用するため、値に含まれる場合は削除または全角カンマに置換してください。

SKU 商品番号など、商品を識別する文字列です。半角文字のみ使用可能。
商品名 商品名です。
点数 購買点数です。半角数字のみ使用可能。
単価 商品の単価です。半角数字のみ使用可能。
カテゴリ 商品のカテゴリ名です。

設置例

<div id="flipdesk_conversion" data-api-token=xxxxxxxxxx data-conversion="p=980&q=1&oid=1111-22&skus=__100-1111,カットソー(赤),1,980,トップス__100-1112,カットソー(青),1,980,トップス"></div>

設置状況の確認方法

コンバージョン計測タグの計測状況は、レポートの「コンバージョン履歴」にリアルタイムで反映されます。
デフォルトでは「貢献シナリオあり」のみの表示になっているため、動作確認の際は「なし」にもチェックを入れてください。

カート情報取得タグ

設置場所

このタグを設置することで、カート内の商品情報によるターゲティングが可能になります。
この機能を使用したいページのBodyタグ内の任意の場所に設置してください。
※ 非同期通信によるカート情報の更新には対応していません。

タグ

<div id="flipdesk-cart" data-cart="[カート情報]"></div>

[カート情報]には、現在カートに入っている商品の内訳を、コンバージョン計測タグのSKUsと同じフォーマットで記述してください。

設置例

<div id="flipdesk-cart" data-cart="__100-1111,カットソー(赤),1,980,トップス__100-1112,カットソー(青),1,980,トップス"></div>

インラインボタン表示タグ

設置場所

このタグはFlipdeskのボタンを通常のフローティング要素ではなく、インライン要素として設置したい場合に使用します。
Bodyタグ内のボタンを表示したい場所に設置してください。

タグ

<a id="flipdesk_chat-extra-btn" style="display:none"></a>
この記事は役に立ちましたか?
0人中0人がこの記事が役に立ったと言っています
他にご質問がございましたら、リクエストを送信してください
Powered by Zendesk