Google Optimize後継をうたうOptimize Next（国産）を試してみた

Google Optimizeが終了し、無料で使える良い感じのA/Bテストツールを探していましたが、良いものが見つからず、Cloudflare Workersでもう作っちゃおうかなーって思ってたら、やはり同じことを考える人が多くいたらしく、日本で[Optimaize Next](https://optimize-next.com/)というサービスがリリースされていたので試してみました。

# Optimize Nextとは

<iframe width="560" height="315" src="https://www.youtube.com/embed/TD5c2ebyn1I?si=dJZ8y3eQSHLvjq_N" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

Optimize Nextは2012年3月創業の[PROJECT GROUP株式会社](https://project-g.co.jp/)が開発したGoogle Optimizeの後継をうたうSaaSです。2023年10月11日にリリースされ、現在はベータテスト中というステータスの様ですが、多くの企業に導入されている様です。

https://ppc-log.com/measurement_tools/optimize-next/13571

## Optimize Nextの特徴

### Google Tag Managerベース
サーバなどを準備せず、Optimize NextのGTMタグを設置するだけで使える様になります。これはメリットであると同時にデメリット、リスクでもあるので、自社のサービス、プライバシーポリシーと照らし合わせて導入可能かどうかを検討する必要があります。

### UIをGoogle Optimizeに寄せる

使い慣れたGoogle OptimizeのUIを再現することで、導入障壁を下げ、スムーズに移行できることを狙っています。

### シンプル、ゆえに機能数は少なめ

ベータリリースということもありますが、機能はシンプルであまり数はありません。

# 導入方法

## Optimize Nextのアカウント作成

1. サービスサイトのヘッダーの「[無料で利用する](https://optimize-next.com/containers)」をクリック
![スクリーンショット 2024-04-09 18.48.29.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/5743/d9ebf412-6f9a-d923-5906-b1c5c77377b5.png)
1. Google アカウントが必要なので、利用したいアカウントでログイン
![スクリーンショット 2024-04-09 18.52.13.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/5743/574ae2d1-dca6-1172-7b30-5a352614be68.png)
## コンテナの作成
1. コンテナの新規作成をクリックし、コンテナを追加します
![スクリーンショット 2024-04-09 18.57.21.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/5743/2a69cc06-8476-29d8-36d5-3c502191a3e0.png)
1. コンテナ追加のサイドバーが開くので、管理用の名前とサイトのアドレスを入力し、「作成」ボタンをクリックします
![スクリーンショット 2024-04-09 18.59.36.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/5743/66fea7cf-5880-3d23-2bc2-49c9a3207a5c.png)
1. コンテナ作成中の画面になるので、しばし待ちます。おそらく裏でGoogle Tag ManagerのAPI叩いてこのサイト用のコンテナを作って初期化しているものと思われます
![スクリーンショット 2024-04-09 19.01.41.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/5743/443727da-3bbc-dd02-ede0-4aeaece4f4be.png)
1. コンテナの初期化が終わると、GA4などとの連携設定ができる様になります
![スクリーンショット 2024-04-09 19.05.41.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/5743/1d631ef5-2737-2d37-369f-e32bec26e7a7.png)
## GA4との連携設定
1. GA4との連携ではOptimize Nextに対しGA4の権限を付与する必要があります
「**Google アナリティクスの管理エンティティの表示、追加、更新、削除とレポート データの表示**」
とあり、更新や削除まで含めたかなり強力な権限を付与しないといけないことに注意してください。
ひとつのGoogleアカウントで多くのプロパティの権限を持っている場合は、余計なプロパティの権限を渡さない様に、Optimize Next用のGoogleアカウントを作って利用した方が良いでしょう。
![スクリーンショット 2024-04-09 19.10.14.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/5743/463bd8f1-168b-9185-731f-9c3944b17a1f.png)
1. 「続行」をクリックするとGA4のプロパティを指定する画面になります。A/Bテストを計測したいGA4のプロパティ、データストリームを選択してください
![スクリーンショット 2024-04-09 19.15.34.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/5743/21db4e7e-a148-0e9b-be5e-6c0c6332e827.png)
1. GA4上で分析するためには、[カスタムディメンションをGA4上で定義](https://support.optimize-next.com/container-ga4-custom-dimension)しておきます
![スクリーンショット 2024-04-09 19.19.59.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/5743/ec2cb0f7-5206-4155-67a4-8120609cf9b4.png)
## Optimize NextのGTMタグの設置
1. 表示されているOptimize NextのGTMタグをA/Bテストを行いたいサイト（ページ）の``head``内に追記します。
サイト全体の共通ヘッダーに設置すると、全ページでOptimize Nextのタグが有効になるので、必要に合わせて設置することをお勧めします。基本的には計測したいページのみ設置するのが良いと思います。
![スクリーンショット 2024-04-09 19.22.07.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/5743/f93a3b5f-82f4-34f4-e425-8292908082b3.png)

## テストの設定
1. 新しくテストを設定する場合は「エクスペリエンスを新規作成」をクリックします
![スクリーンショット 2024-04-09 19.29.46.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/5743/904684e4-8f76-4072-db3a-b537535a39cf.png)
1. 設定メニューが開くので、テストのわかりやすい名前、テストしたいURLを入力します
![スクリーンショット 2024-04-09 19.31.59.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/5743/c66de46b-8025-32b1-77c7-002cd98f2f9d.png)
### リダイレクトテスト
ページの構成、全体のデザインテイストなど大きな変更をテストしたい場合はこちらを選択し、比較対象のページを設定します。
![スクリーンショット 2024-04-09 19.38.09.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/5743/2ce3bfb9-aefd-168b-11ee-c2d59ef8cf31.png)
リダイレクト先のURLを追加したい場合は、「**変更内容**」セクションで追加します。

### 要素変更テスト
ページの一部のみ（ボタン文言など）の変更の結果をテストしたい場合はこちらを選択します。
テストしたいページで見たまま編集をしたい場合はchromeの拡張機能が必要なのでインストールします。
![スクリーンショット 2024-04-09 19.51.22.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/5743/1336fc2a-a94e-503e-3dc0-bc6117ad2da6.png)
![スクリーンショット 2024-04-09 19.53.54.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/5743/7f80fee5-1338-632d-1ac5-b1d0ae3ecf4a.png)
拡張機能をインストール後、変更内容の設定したいパターンの鉛筆アイコンをクリックすると、対象のページが開き編集モードになります。
![スクリーンショット 2024-04-09 19.55.30.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/5743/cdb7191c-55f2-3719-53f7-ad601fe6bd9e.png)
![スクリーンショット 2024-04-09 20.02.21.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/5743/c41b4ac1-91f6-bd2e-25f7-971d21c86b1d.png)
変更したい箇所を選択し、変更します。この辺りのUIはGoogle Opimizeと非常によく似ており使い慣れている人は助かりますね。
![スクリーンショット 2024-04-09 20.03.06.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/5743/eff5020c-070e-bec4-41d7-3521894229ad.png)
変更後、「**保存**」をクリックすると変更パターンが登録されます。
![スクリーンショット 2024-04-09 20.06.29.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/5743/da069dff-83bd-0e67-1df2-604b0dbb0214.png)

### 共通設定
振り分けの割合（通常は50%:50%だと思います）を変更したい場合は、「**パターン**」セクションで設定します。
![スクリーンショット 2024-04-09 19.42.08.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/5743/a03f83e6-88a7-4d35-e3bd-9ef5f246987a.png)

全ての訪問者ではなく、特定の訪問者をターゲットにテストしたい場合は**ターゲティング条件**セクションで設定します。
![スクリーンショット 2024-04-09 19.43.50.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/5743/75f0a3c0-5aa8-78fd-aa85-2965cceaf677.png)

最後にスケジュールを設定し、テストを開始できます
![スクリーンショット 2024-04-09 19.49.33.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/5743/926bd40f-0fff-2f80-e619-ea420b19eabb.png)


chromeのシークレットウィンドウで該当ページを表示し、変更が反映されていることを確認します。
![スクリーンショット 2024-04-09 20.08.28.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/5743/6171c05f-c040-95c9-d42c-081daa98dbac.png)
ちゃんと反映されていますね。

## レポーティング

テスト結果はGA4だけでなく、Optimize Nextの画面でも確認できます。
**レポート**メニューから**目標イベント**や指標を設定するとレポートが表示されます。
![スクリーンショット 2024-04-09 20.16.15.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/5743/5968ba89-a08d-a99e-d356-0d73b6fc9fb7.png)

GA4のデータを利用しているのでリアルタイムには反映されません。おそらく1日程度遅れて反映されると思います。

## Optimize Nextがやっていること

きちんと検証していませんが、各コンテナの設定情報などをfirebaseに保存し、そこからGTMのAPIを叩いて該当のタグを追加・編集しているのだと思います。（管理画面はReactベースですね）
![スクリーンショット 2024-04-09 20.24.25.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/5743/6d48808b-9baa-56c5-5ad9-db4a5c30e087.png)
おそらく、作りとしてはそんなに複雑で大規模なものでは無いと思います。しかし、個人的には車輪の再発明をする[^2]のではなく、ユーザのフィードバックを上手く取り入れ、このサービスが発展していって欲しいなぁと思います。

## サポート
- [ヘルプページ](https://support.optimize-next.com/)
- [Discord](https://discord.gg/uDZ5jJfT4B)

人間が対応する様な有償サポート等は見つけられませんでした。

## プレミアムプラン
2024年4月9日現在、プレミアムプランのベータがリリースされています。
単なるテストだけでなく、**仮説**、**KPIツリー**などの概念が導入され、より実践的なWebマーケティングに使いやすいものになる様です。
![スクリーンショット 2024-04-09 21.20.15.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/5743/9ba99544-3a20-54ee-b5c4-a5730754f3fe.png)

ECサイト向けのテンプレートもすでに準備されており、EC-CUBEを使ったECサイトへの導入も比較的楽にできそうです。
![スクリーンショット 2024-04-09 21.21.15.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/5743/96dedc8e-41a2-00a9-599a-66b575df82ba.png)

## Optimize Nextのメリット、デメリット

### メリット

#### とにかく無料！
現状、全ての機能を無料で利用することができます。プレミアムプランのトライアルもクレジットカードの登録無しでできるので精神衛生上健康的。

#### 使い慣れたGoogle Optimizeに近い操作性
テストしたいページのDOM要素をブラウザで見たまま変更する際など、使い慣れたGoogle Optimizeの操作性にかなり近いものを持っています。これは今までGoogle Optimizeに慣れてきた人にとっては非常に助かります。

#### Webマーケティングの会社が作ってる
Webマーケティングの会社が作っているので、より実践的で有用な機能の追加、改善が期待されます。

### デメリット

#### 自社データの再利用
利用規約に
> 当社は、利用者が当社に提供した情報、データ等を、個人や利用者を特定できない情報に変換したうえで、当社の裁量で、当該情報または当該情報に統計的処理を含む変換等を施した情報を利用および公開することがあります｡利用者を特定できる形で公開する場合は､事前に利用者の書面または電磁的方法による承諾を得るものとします｡

とあります。これは運営会社がOptimize Nextを通じて収集したデータを個人や利用者を特的出来ない形で自社のマーケティングや顧客への提案等に利用する可能性があります。
「**絶対に競合に自社のデータは渡したくない！！**」という方は慎重になった方が良いかもしれません。[^3]

#### 個人情報の取り扱い、セキュリティ
他者が管理するGoogle Tag Managerを導入するということは、そのサイトでほとんど何でもできてしまうということです。可能性の話ですが、例えば各種ログイン情報、顧客の個人情報を抜くことも技術的には可能です。

プライバシーポリシーには第三者提供について
> （5）完全子会社への個人情報の提供、または合併その他の事由による事業の承継に伴って個人情報が提供される場合
（6）利用者の利益を侵害しない範囲内において、当社および個人情報の開示の対象となる第三者その他当事者の利益のために必要な場合

と記載されています。なので「絶対に第三者提供はしないよ！」という訳では無いので自社のプライバシーポリシーに準拠するかどうかなど注意が必要です。

僕らはGoogleという会社を信用してこれらの情報が適切に扱われる前提でGTMやGAを使っていますが、Optimize Nextのサービス提供元であるPROJECT GROUP株式会社でプライバシーマークやISMSなどの個人情報管理に関する認証を取得した情報は見つけられませんでした。

あと社長や企業風土が独特w

https://note.com/project_group/n/n3302d7d5b023

ゴリゴリでイケイケドンドンな香りがします。[^1]

また、技術的な情報の発信が少ないので、この会社の技術レベルがわかりにくい。
可能性は低いですが、Optimize Nextのタグのエラーやバグによりサイトの動作に不具合が発生する可能性があります。

# まとめ
Google Optimizeを使ってきた人にとっては、「**こういうのが欲しかったんだよ！**」という素晴らしいサービスです。
アーキテクチャに関してもパブリッククラウドの無料リソースを上手くHackし、非常に良く出来ていると思います。
ただ、ベータリリースということもあり、サービス運営体制には若干不安が残ります。 Google Optimizeは天下のGoogleさんが提供していたのである程度安心でしたが、Optimize Nextに関しては導入するサイトで扱う情報を考慮して使ってみるのが良いと思いました。

[^1]: 嫌いじゃないよw
[^2]: 同じもの作れとか言われても困るw
[^3]: しかしこれはGoogle等でも同様の規約があります。

----
https://www.xross-cube.com/ec-cube_help

https://www.xross-cube.com/contact

[EC-CUBEお勧めサーバ](https://shop.xserver.ne.jp/agency_via/?cd=XA5YJ6&type=server)