メインコンテンツにスキップ

A/Bテストを自社サイトやブログに埋め込む

概要

PLAINERで作成したA/Bテスト(複数パターンのデモを閲覧者ごとに自動で振り分ける機能)を、自社のWebサイトやブログにそのまま埋め込むことができます。

埋め込むと、訪問者ごとに異なるパターンが表示され、どのパターンがより効果的かをアクセスデータで計測できます。取得したコードを貼るだけで設置が完了し、パターンを変更しても再埋め込みは不要です。

2種類の埋め込み

A/Bテストには、コンテンツ単体の埋め込みと同じく2種類の埋め込み方法があります。

  • 通常の埋め込み:ページを開いた時点でデモがそのまま表示されます(iframeで表示)

  • スタートボタン付き埋め込み:ページを開いた時点ではサムネイル画像+「デモを開始する」ボタンが表示され、ボタンをクリックした時点でデモが起動します。表示されるサムネイルは、A/Bテストの各パターンから自動で抽選された1つが使われます

埋め込みコードの取得手順

  1. A/Bテストの編集画面を開きます

  2. 画面上部の共有用URL欄の右側にある「埋め込みコード」ボタンをクリックします

  3. 「埋め込みコード」モーダルが開きます

  4. 「通常」または「スタートボタン付き」のタブを選びます

  5. 「クリップボードにコピー」をクリックしてコードを取得します

  6. 取得したコードを、自社サイトやブログの埋め込みたい箇所に貼り付けます

ご注意

  • 埋め込み先のWebサイトのレイアウトに合わせて、コード内のスタイル(高さ・幅など)をご自身で調整してください

  • A/Bテストに含まれるコンテンツは、公開中である必要があります。未公開のコンテンツが表示対象に当たると正しく表示されません

  • スタートボタン付き埋め込みでは、各パターンから自動で抽選されたサムネイルが表示されます

関連記事

こちらの回答で解決しましたか?