更新日時 2020年 10月 19日
訪問者がスクロールせずにコンテンツの特定のセクションに移動できるようにするには、アンカーリンクを使用します。
注: E メールクライアントではアンカータグが機能しないため、E メールにはアンカーリンクを使用しないことを強くお勧めします。また、アンカーリンクは HubSpot の E メールプレビューでも機能しません。
- HubSpot アカウントで、ランディングページ、ウェブサイトページ、またはブログ記事に移動します。
- アンカーを追加したいページまたはブログ記事にマウスポインターを置いて、[編集] をクリックします。
- アンカーを挿入する場所をクリックします。以下の例では、アンカーはテキスト ステップ 2 の直前に配置されます。
- リッチテキストツールバーで、[挿入] > [アンカー] の順にクリックします。
- アンカーに 名前を付けます。この名前はリンク URL に含まれます。アンカーに複数の単語を使用する場合は、各単語をダッシュ (-) で区切ります。以下の例では、アンカーには step-2 という名前が付けられています。次に [OK] をクリックします。
- アンカーがクリックした場所に表示されます。次に、アンカーが挿入されたページのセクションに訪問者を送るリンクを作成します。
- コンテンツ本文へのハイパーリンクテキストを強調表示します。以下の例では、skip to step 2 (ステップ 2 に進む) が強調表示されています。
- リッチテキストツールバーで、リンクアイコン をクリックします。
- リンクするアンカーがリンクと同じページにリンクされている場合は、[URL] フィールドに# 記号を入力し、その後にアンカーの名前を入力します。次の例では、#step-2 が URL フィールドに入力されます。
- リンクするアンカーがリンクとは異なるページにリンクされている場合は、そのページの URL、#記号、アンカーの名前の順に入力します。たとえば、「http://offers.hubspot.com/product-guide#step-2」のように入力します。
- [リンクを追加] をクリックします。
- 訪問者がこのアンカーリンクをクリックすると、アンカーが配置されたページのセクションまたはブログ記事にリダイレクトされます。