Sprocket、Web接客のクリエイティブをすぐ形にできるAIエディターを提供開始

開発の背景

Sprocketは、これまで累計16万回以上のA/Bテストを運用してきました。その経験から得られた知見のひとつが、成果は仮説の質だけでなく、検証を重ねた回数に大きく左右されるということです。改善サイクルを速く回せる企業ほど、より多くの学びを蓄積できます。

「Sprocket Personalize for Web」では、これまでも施策のクリエイティブを管理画面上の操作で設定でき、細部まで作り込みたい場合にはHTMLやCSSを直接編集することもできました。それでも、表現の調整を重ねるほど、設定と確認の往復には時間がかかります。着想から施策として形にするまでの時間をどれだけ短くできるかが、改善サイクルの回転数を左右していました。

また、マーケティング業務を自社で内製化したいというニーズが高まっています。すべてを支援会社に任せるのではなく、自社でできる領域は自社で担うという役割分担を志向する企業が増えています。ただし現場の担当者が技術的な作業を担うことは容易ではなく、内製化の意欲と実務のあいだには隔たりがありました。

今回の新エディターは、この隔たりを埋めるものです。従来の管理画面での設定とコードでの編集に加えて、AIへのチャット指示という選択肢が加わります。専門知識を必要とする作業をAIが引き受けることで、担当者が自ら手を動かせる範囲を広げます。

新エディターの主な特長

生成AIの普及により、コードを書くハードルは大きく下がりました。ただし、Web接客のクリエイティブは単体で完結するHTMLではありません。既存のWebサイトの上に重ねて表示されるものであり、どのページで、誰に、どのタイミングで出すのかという配信の条件と結びついて初めて動きます。汎用的な生成AIがつくれるのはHTMLまでで、Webサイトの上で動くクリエイティブそのものをつくることはできません。

AIエディターは、「Sprocket Personalize for Web」の配信の仕組みの中で編集します。編集した内容は、その時点で配信できるクリエイティブとして成立しています。

プレビュー上でクリックして編集する

編集したい要素をプレビュー上でクリックすると、変更できる項目がその場に表示されます。文字サイズや文字色、ボタンの背景色や角丸などは、表示された項目から直接調整できます。「色を赤に」「文字を大きく」といった文章での指示にも対応しています。変更は即座にプレビューへ反映されるため、仕上がりを確認しながら編集を進められます。

「下に画像を追加して」のように指示すれば、既存要素の変更だけでなく、新しい要素の追加も可能です。

既存の施策を起点にして作成できる

白紙の状態から作り始める必要はありません。他のシナリオで作成済みのステップから、本文やボタン、動き、表示位置などをまとめて複製できます。うまくいった施策を出発点に、条件を変えて試すという進め方が取りやすくなります。

コードでの編集も併存する

HTML・CSS・JavaScriptを直接編集することもできます。AIによる編集で大枠をつくり、細部をコードで調整するといった使い分けが可能です。コードの知識がなくても簡単に編集することができますが、従来の方法でコードを編集したい場合にも対応可能な柔軟性を担保しています。

AIの生成結果をそのまま反映しない

AIが生成したHTMLは、そのまま適用されるわけではありません。構造が正しいかどうかを検証する仕組みを設けており、不正な構造は適用前に検出されます。あわせて、音声読み上げを使って閲覧している方にも内容が正しく伝わるよう、要素の役割やラベルを指定できるようにしました。 AIの活用と、アクセシビリティを含めた品質の担保を両立させています。

提供開始日と利用方法

提供開始日は2026年9月30日です。「Sprocket Personalize for Web」の管理画面から利用できます。すでにご利用中の導入企業様は、担当のカスタマーサクセスにご相談ください。

Sprocketでは今後も、導入企業様が自ら改善に取り組める環境の整備と、カスタマーサクセスによる伴走支援の両輪で、CX改善の成果創出を支援していきます。

※「Sprocket Personalize」は、株式会社Sprocketの登録商標です。