# PageFlyでShoplift A/B Testingを使用する方法

### 概要

概要：

Shopliftは、ストアオーナーがさまざまな要素でスプリットテストを実行することにより、オンラインストアを最適化できる強力なA/Bテストアプリです。コンバージョン率、クリック率、平均注文額などのパフォーマンス指標を向上させる変更を特定するのに役立ちます。

ShopliftをPageFlyと統合することで、カスタムデザインされたページで包括的なA/Bテストを実施できます。この記事では、Shoplift A/BテストをPageFlyと連携して使用する方法について、詳細なステップバイステップガイドを提供します。

### 要件

これらの手順に進む前に、以下を確認してください。

* Shopliftをインストールし、Shopifyストアにアプリをセットアップしていること。[こちら](https://www.pagef.ly/1h6hsg)から見つけることができます。
* テストしたいページを公開していること。これにより、Shopliftはページに効果的にアクセスしてテストを実行できます。

### Shoplift A/BテストとPageFlyの連携方法

Shoplift A/BテストをPageFlyと連携して使用する方法については、こちらのビデオチュートリアルをご覧ください。

{% embed url="<https://www.youtube.com/watch?v=746mRoBCOo8>" %}

ShopliftでPageFlyページをテストするには、以下の手順に従ってください。

#### ステップ1：テストを設定する

1. 新しいテストを作成する：

Shopliftダッシュボードで、「Create Test」をクリックし、テストに名前を付けます。

PageFlyで作成された個々のページまたは特定のテンプレートをテストするには、「**Testing a template or a page**」を選択します。このオプションを使用すると、PageFlyで作成された個々のページまたは特定のテンプレートをテストできます。

2. オリジナルを選択する：テストしたい元のページを選択します。

![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-65860c880104788b229f1e3b7f68df80b4cc986a%2FAD_4nXd7Iz1iAbpEBFoPrbI2aMNNcTr6D0_e3LuYjsny67srnZ9dDjiSAVlLia30bU1SfsUra_VbHIwcyawMJtYbE4xQUO2dLLyJzm7T5W7so6Q3-rWUEr-gqCrfrQG19IIyplGJQylmOIqfPHzB1kqLHQ?alt=media)

#### ステップ2：バリアントを作成する

以下の3つのオプションがあります。

* **Duplicate**: 元のページまたは要素を複製してバリアントを作成します。
* **Select**: 元のページに対してテストするページを選択します。
* **Create with Lift Assist**: 必要に応じて、Lift Assistを使用してベストプラクティスとユーザー行動データに基づいたバリアントを自動生成します。

**ヒント**: PageFlyで作成されたページは、しばしば名前にpf-が付きます。これらのページを探すと、迅速に自分のページを見つけるのに役立ちます。

![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-960cd97efbaa79fd46f9288b0bdfae81e5de6fa0%2FAD_4nXcf0ETBuvKIkIw7Hjp_WSTTcojcsAG_j2PtH3Z5etucUpUbVMQtjJGBQ9dyqoOD2JXUuwNuRSrjWGTw3iSbSR-fkTpZwTX07zkNh4MiM_aydOXVnZpAYuGTKqVsv4r44lgK2eyBObHKCsjSz9iQkeyfvuMosmzI24X19lsPDyaMA.gif?alt=media)

#### ステップ3：テストパラメータを設定する

1. トラフィックを割り当てる（オプション）

スライダーを使用して、各バリアントに割り当てるトラフィックの量を増減できます（デフォルトは各50%）。

![](https://github.com/sellersmith/pagefly-help-center/blob/master/ja/images/AD_4nXewKc5lNa5og56EPma9Z6GERpEQS5mu_Eb9-eNNFuSlSUee5UEkpePuxF6XePA4upjWhas5AoRStknsYoo2LyerKRw5tZ-3ihsQSsC1zLMypsgvc6kiEGqWmPBfJ4DO1t5f1FPd5WSugv-LWgsJvgkeyfvuMosmzI24X19lsPDyaMA.png)

2. テストメトリックを定義する：テストで追跡したいメトリックを指定します。

* 平均注文額
* コンバージョン率
* 訪問者あたりの収益
* クリック率
* カート追加率

たとえば、製品ページをテストしている場合、コンバージョン率とCTRに焦点を当てるかもしれません。

![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-3f99948fb620a4793b30a8811aa97dd5290ad874%2FAD_4nXdKhPdUJ2TzVSdsUE4t7DoF1y1QhevH3GANo9Tt2WqB9uwaBfBVGxtrVS_RIoiqfHA0AoB-iWMgnUuJB9Bjh5ER90gOTp8pr3WAWS5UUzBty0_fCTngmD2btFGhreqER5iNtLaTgFDmlXHzj3rlkeyfvuMosmzI24X19lsPDyaMA.png?alt=media)

#### ステップ4：オーディエンスターゲティングを設定する

オーディエンスをセグメント化するかどうかを選択します。

* デバイスターゲティング別：すべてのデバイス、モバイルのみ、デスクトップのみ。
* 訪問者ターゲティング別：すべての訪問者、新規訪問者のみ、リピート訪問者のみ。
* オーディエンスターゲティング別：UTMパラメータ、国などによりトラフィックをセグメント化します。

![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-8faf660a9d99a4d89012ba6c675417d374a7c51b%2FAD_4nXfdiB_yqcWOmsJ8xnHuBbN2e7cBDaIqcZpUC0tSrmR35LOU9I0Tv-B8mhQVa01cWe5FMsgk2M5YU3RDmewqeh6uIWgEhDHi37KgUMQgnvQ5qClw4CJjIwRR87unreas4-3n9Z2PWu5VsqGKtVDcYA?alt=media)

#### ステップ5：テストを開始する

* テスト設定を確認して正確であることを確認します。
* 「Launch test」をクリックしてA/Bテストを開始します。

![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-2be42015dfdb517643d7765e2c7bef679fcba22f%2FAD_4nXewZkZrdCjnQQkcU7iS1vKnzDleTGrd3IIjYX_9jYBz9AFVhT0rdMwimsS2lmCyYsXj7l-lQQYtIL3whVnIdalhDadSJtzXEP1K76S4OcnG7iGfPXoxJd9Vv0ULPJE_wp92itGmc4MnjqNonCmgpg?alt=media)

#### ステップ6：レポートを分析する

* Shopliftダッシュボードで両バリアントのパフォーマンスを監視します。
* コンバージョン率、平均注文額、その他の定義された目標などのメトリックを分析します。
* 詳細な分析をレビューして、各バリアントの影響を理解します。

![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-374ef9b529fbb5dba3675405a5eef2580dd0d2e6%2FAD_4nXeLcD8WT-zh78xIIEgJWdp89pTWQMYfph-LMSECq0c6oyWBQEW4pMhHahFjxQAJ9g5bNexp9oTgRD6OaklklPHzVig-ariSdQocw3l-cs366HmrG29l5L51XqHjRiFdQM5mNsm3irg25RCKpwod?alt=media)

### ユースケース

Shoplift A/BテストとPageFlyを統合することで、カスタム構築されたページでさまざまな要素をテストすることにより、Shopifyストアを最適化できます。この強力な組み合わせを活用するための主なユースケースを以下に示します。

#### PageFlyページのテスト

何をテストできますか？

* **ページレイアウト**: さまざまなレイアウトを試して、どのデザインが訪問者により効果的にエンゲージするかを判断します。
* **コンテンツバリエーション**: さまざまな見出し、テキスト、画像をテストして、最も魅力的なコンテンツを見つけます。
* **デザイン要素**: さまざまなボタン、色、フォントを評価して、どのデザインがユーザーエクスペリエンスを向上させるかを確認します。
* **機能要素**: フォーム、ポップアップ、信頼バッジを評価して、ユーザー行動とコンバージョン率への影響を理解します。

#### PageFlyセクションのテスト

PageFlyセクションをテストすることもできます。PageFlyセクションをページに含めるには、PageFlyエディタを開き、目的のセクションをページに追加して変更を保存します。このセクションは、Shopliftを使用して異なるバリエーションでテストし、パフォーマンスを最適化できます。

### ヒントとベストプラクティス

* オーディエンスをセグメント化する：特定のユーザーグループ（例：モバイルユーザー対デスクトップユーザー）をターゲットにして、より正確なインサイトを得ます。これにより、異なる訪問者セグメントに合わせてエクスペリエンスを調整し、エンゲージメントとコンバージョンを最適化できます。
* 一度に1つの要素をテストする：一度に1つの要素（例：CTAボタン）のテストに集中して、その影響を明確に理解します。これにより、どのような変更が改善を促進するかについて正確なデータが得られます。
* Lift Assistを使用する：Lift Assistを活用して、ユーザー行動に基づいた効果的なテストバリアントを自動生成します。これにより時間を節約し、ページを最適化するためのデータ駆動型の提案が得られます。

### よくある質問

1. **Shopliftテスト用のPageFlyテンプレート名をすばやく見つけるにはどうすればよいですか？**

PageFlyエディタで、左メニューの「ページ設定」を見つけ、それをクリックすると、ページのテンプレート名が表示されます。形式はpf-xxxxxxxxです。

2. **Shopliftを使用して、ライブページでの変更をリアルタイムでテストできますか？**

はい、Shopliftを使用すると、ユーザーエクスペリエンスに影響を与えることなく、ライブページでテストを実行できます。変更は、トラフィック割り当て設定に基づいて、オーディエンスのセグメントに表示されます。


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.pagefly.io/pagefly-help-center-japanese/pjito/optimization/how-to-use-shoplift-a-b-testing-with-pagefly.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.