このページでできること:公開サイトの右下に、電話、LINE、ページ上部へ戻るなどの丸いボタンを出す。
概要は コンバージョンツールの概要。
場所
- サイト設定 → コンバージョンツール → タブ ショートカットボタン。
- ショートカットボタンを有効にする をオン。
- コンポーネント は現在「企業ランディングのショートカットボタン」です(多くのサイトはこの1種類だけです)。
- ショートカット項目 で追加、並べ替え、リンクを入れて 保存。
項目は最大 5 個です。一覧で上にあるボタンほど、画面では上に出ます(右下から遠い位置です)。
各項目
ボタンは 項目を追加、上へ/下へ、複製、削除です(最後の1行になるまでは削除できます)。
| 欄 | 説明 |
|---|---|
| アイコン | アイコン庫から選ぶ。「ページ上部へ」は上向き矢印で固定され、変更できません。 |
| ボタンの色 | テーマに合わせる、ブランドカラー、色票、またはカスタム。初期値はサイトの前景色です。 |
| 種類名 | スクリーンリーダー用の名前。例:お問い合わせ、LINE サポート。URL でリンクテキストが空のとき、アイコンの左には出ません。 |
| リンクの種類 | 電話(発信できる)、メール(送信できる)、URL(リンクを開ける)、ページ上部へ |
| 電話番号/メール/リンク | 種類に合わせて入れる。URL は /contact または https://…。ページ上部へは値不要です。 |
| リンクテキスト(任意) | URL のときだけ。アイコンの左に出ます。例:「公式 LINE に参加」。空欄ならアイコンのみです。 |
多言語のサイトでは、ページ上部の 編集言語 を切り替えます。種類名 と リンクテキスト は言語ごとに入れられます。電話とメールは、公開サイトでは種類名がボタンの文字になります。アイコン、色、リンクの種類、URL は言語共通です。ある言語を空欄にすると、既定の言語が出ます。
フッターの連絡先との分け方
| 用途 | どこで |
|---|---|
| 右下に常に出る発信や LINE | このページのショートカットボタン |
| フッターや連絡ブロックが自動で出す電話/ソーシャル | 連絡先とソーシャルを設定する |
両方に同じ番号を入れても構いません。訪問者に違う電話が2つ見えないよう、揃えてください。
AIチャット
チャットのボタンはショートカットと同じ右下を使います。チャットをオンにしたままでも、電話や LINE のショートカットは残せます。AIチャットを設定する。
公式 LINE や友だち追加へのショートカットは、公開サイトでクリックされるとプラットフォームのイベント contact_line を送ります。GA4 や広告で受け取るには トラッキングイベントを照合する。
確認
- プライベートウィンドウで公開サイトを開く。右下にボタンがある。電話は発信、メールはメールアプリ、URL は正しいページを開く。
- ページの途中までスクロールして「ページ上部へ」を押すと、滑らかに最上へ戻る。
- ショートカットボタンを有効にする を切って保存すると、一式が消える(チャットがオンならチャットのボタンは残る)。
止まりやすいところ
| 状況 | 対処 |
|---|---|
| ボタンが見えない | スイッチがオフ、または項目の電話/メール/URL が空。 |
| 6個目を足したい | 上限です。まとめるか、1行削除してください。 |
| チャットのボタンと重なる | 別々に固定されるべきではありません。起きたら、ブラウザと端末を添えてサポートへ。 |
| 色がブランドと違う | ボタンの色をブランドカラーにするか、公開サイトのスタイルを調整する で主色を確認する。 |