クイックスタート

1. サイトを分析する

ホームページでサイトのアドレスを入力します。公開ページを(robots.txtを尊重して)読み取り、トピックと言語を判定して、登録前に結果を表示します。この時点では、何もインストールされません。

2. ログインして登録する

メールアドレスでログインします。リンクが送信されるため、パスワードは不要です。分析したサイトは、下書きとしてアカウントに紐づきます。ブランドカラーと最初のプロモーションは、バックグラウンドで準備されます。

3. ユニットの表示位置を選ぶ

連携 → 自分のサイトでプレビューを開きます。サンプルのユニットを載せたページのコピーが開きます。ドラッグするか、場所をタップするか、上下に動かして位置を決め、保存します。この手順をスキップした場合、ユニットはメインコンテンツの末尾に配置されます。

4. スクリプトを追加する

連携画面の1行のスクリプトをサイトのheadにコピーするか、AI用の指示文をコーディングエージェントに貼り付けます。ドメインでスクリプトが初めて読み込まれた時点で、サイトが検証され、ステータスが「接続済み」に変わり、開始クレジットが付与されます。

<script async src="https://…/l.js" data-loop="pk_live_…"></script>

ターミナルから

ソースコードのあるプロジェクトでは、コマンド1つでタグが追加されます。連携画面で、キーが入力済みのコマンドをコピーしてください。フレームワークを検出し、変更内容を表示して、書き込む前に確認します。

オプション: --yes は確認なしで書き込みます(コーディングエージェントやスクリプト向け)。--dry-run は変更内容の表示のみを行います。--dir は別のフォルダを指定します。2回実行しても、2回目は何も変わりません。公開中のページにタグがあるかを確認するには: npx https://loopis.net/cli.tgz check your-site.com

npx https://loopis.net/cli.tgz init --key pk_live_…

自動で編集されるもの: Next.js(AppおよびPages Router)、Remix、React Router、SvelteKit、Astro、Vite、Create React App、およびheadを閉じるHTML、Liquid、PHP、Nunjucksのテンプレート。NuxtとGatsbyは編集されず、追加する1行がコマンドに表示されます。Node.js 18以降が必要で、npmレジストリにはまだ公開されていないため、アドレスをそのまま記載しています。

5. 成長を開始する

「成長」で、より多くの人に届けたいページを選び、開始を押します。成長が有効で、使えるクレジットがある間、プロモーションは関連するトピックの参加サイトのページに表示されます。

このあとの流れ

• 本日の数値は、リアルタイムでホームに表示されます。
• 毎晩、その日が精算され、明細が「収益」に表示されます。
• 獲得したクレジットは、最大72時間の保留期間の後に、利用可能になります。