新しいアカウントが登録からウィジェットの最初のシグナルまで進む流れです。下の動画は、実際のダッシュボードで、音声なしと短いキャプションで見せています。その下の文章が同じ内容を言葉で説明するので、動画を再生しなくても追えます。
動画の概要
動画はスタートページから始まり、アカウントを作成し、セットアップアシスタントに答え、ウィジェットから通知が届いたことをダッシュボードが示したところで終わります。サンプルデータを使ったテストページ上で撮影しており、実在のお客様のデータは含まれません。音声はなく、自動では再生されません。
ステップ1：アカウントを作成する
登録は2つの画面です。まずメールアドレスと、利用規約・プライバシーポリシー・データ処理契約への同意のチェック。次に名前、会社名、パスワード。アドレスは、送信するメールのリンクで確認します。確認後にログインできます。
ステップ2：サイトが何で作られているかをアシスタントに伝える
セットアップアシスタントは自動で開きます。最初の質問は「サイトは何で作られていますか？」——WordPress、Next.js、HTML、またはその他——で、続いてサーバーで何が動いているか：PHP、Node.js、Python、Go、または独自のバックエンドなしです。以降は、お使いの環境に合ったコードだけが表示されます。WordPress ではプラグインが両方を一度にカバーします。
ステップ3：キーを作成してドメインを入力する
2つの入力欄があり、2つ目は自動で埋まります。サイトのドメインと、ご自身だけに見えるキーの名前です。キーで何を保護するかも選びます（後から変更可能）。キーは入力したドメインに紐づきます。
ステップ4：ウィジェットを組み込む
1行のコードでウィジェットをページに組み込みます。アシスタントが環境に合わせて表示します。横の注意書きを読んでください。ウィジェットだけでは評価が表示されるだけです。サーバーも結果を確認して初めて保護が完全になり、その確認がなければ、誰でもフォームを直接送信できてしまいます。
ステップ5：通知が届くか確認する
フォームのあるページをブラウザで一度開きます。アシスタントはデータが届くまで一緒に待ち、「ウィジェットから通知あり」を点灯させます。2つ目のランプ「サーバーが nonce を検証」は、サーバーが判定を問い合わせるまで消えたままです。それまでフォームは保護されていません。DNS レコードによるドメインの確認は任意です。
このあと
確認のあと、アシスタントはどのフォームを保護するかを尋ね、いくつかの小さな設定を提案します。訪問者がフォームに届くようになったら、結果の読み方で、ダッシュボードのどこを見ればよいかが分かります。