HTMLだけ
ページごとにURLを固定したいとき
外部JavaScriptを読み込まず、そのまま貼り付けられます。
MATONEXT GUIDE
使い方
設定して、コードをコピーして、サイトへ貼り付ける。基本はこの3ステップです。
01
ボタンを設定する
- 要約するページを決める
1ページ専用なら「URLを固定」を選び、公開URLを入力します。記事テンプレートなどで同じコードを使う場合は「設置先から自動取得」を選びます。
- 要約の長さを選ぶ
1・3・5行、または1〜10項目のカスタムから選択できます。迷った場合は3行のままで問題ありません。
- 必要なら案内を追加する
問い合わせや関連記事への導線を付けられます。案内は「サイト運営者からの案内」としてAIへ渡され、AI自身の推薦とは区別されます。
- 見た目を調整する
スタイル、テーマ、サイズ、配置、アクセントカラーを選びます。右側のプレビューでPC・SP表示を確認してください。
02
コードを選ぶ
設定後、画面右下の「設置コード」から用途に合う形式を選びます。
スマートウィジェット
同じコードを複数ページで使いたいとき
設置ページのcanonical URLを取得し、サイト側のCSSから表示を守ります。
迷ったら：単一ページには「HTMLだけ」、WordPressの記事テンプレートや複数ページには「スマートウィジェット」がおすすめです。
03
サイトへ設置する
PLAIN HTML
通常のWebサイト
- 「コードをコピー」を押す
- ボタンを表示したいHTMLの位置へ貼り付ける
- 公開後のページでボタンを押して確認する
WORDPRESS
WordPress
- 投稿またはテンプレートの編集画面を開く
- 「カスタムHTML」ブロックを追加する
- 生成コードを貼り付け、プレビュー後に更新する
設置前の注意
非公開ページ、ログイン必須ページ、個人情報を含むURLには使用しないでください。サイトのCSP設定によってはウィジェットの読み込み許可が必要です。
04
訪問者の動作を確認する
記事上の
AI要約ボタンを押すMATONEXTで
対象と条件を確認するプロンプトをコピーし
ChatGPTを開く要約を読み
元ページも確認する
公開後のチェック
- 対象ドメインと要約数が正しい
- プロンプトをコピーできる
- 元ページへのリンクが正しい
- スマートフォンでも横にはみ出さない
TROUBLESHOOTING
うまく動かないとき
- コードが生成されない
https://から始まる公開URLか確認してください。- 対象URLが違う
- 自動取得ではcanonical URLを優先します。意図と違う場合はURL固定を使ってください。
- ウィジェットが表示されない
- サイトのCSPと、外部JavaScriptを禁止するCMS設定を確認してください。
- AIがページを読めない
- ログイン、robots設定、公開直後のキャッシュなどで外部AIが取得できない場合があります。
準備ができたら、実際のURLでボタンを作成します。
ボタンを作る