アンカーリンクを挿入して管理する

アンカーリンクを使うと、訪問者が同じページ内の特定のセクションにジャンプできます。訪問者を新しいページに誘導することなく、長いページ内で移動させたり、情報を検索したり、関連セクションに直接リンクさせたりする場合に便利です。ページ、投稿、ナレッジベース記事のリッチ テキスト モジュールにアンカーリンクを挿入して管理します。

たとえば、ウェビナーのランディングページには、詳細なアジェンダや講演者のプロフィールが掲載されています。ページの上部に「シートを予約する」ボタンを追加し、訪問者がページの下部にある登録フォームに直接移動できるようにしてください。

始める前に

アンカーリンクを挿入して管理する前に、要件と考慮事項を確認してください。

制限事項と考慮事項について

• 一部のメールクライアントではアンカーリンクがサポートされていない可能性があるため、メール内でアンカーリンクを使用することは推奨されません。

• アンカー名はアルファベット（A～Z）で始まり、文字、数字、ハイフン、アンダースコア、コロン、ピリオドのみを含めることができます。スペースや特殊文字は使用できません。複数の単語を区切るには、ハイフンを使用してください（例：pricing-faq）。
• アンカー名は大文字と小文字が区別されます。たとえば、#FAQと#faq は、2つの異なるアンカーとして扱われます。URLやボタンリンクを入力してアンカーにリンクを設定する場合、大文字と小文字を正確に一致させないと、そのセクションまでスクロールしません。

アンカーを作成する

訪問者が特定のセクションに移動する前に、コンテンツにアンカーを作成します。

1. 目的のコンテンツに移動します。

   • ウェブサイトページ： HubSpotアカウントで、［その他］をクリックし、［コンテンツ］＞［ウェブサイトページ］に移動します。アカウントに［その他］が表示されない場合は、［コンテンツ］＞［ウェブサイトページ］に直接移動します。
   • ランディングページ： HubSpotアカウントで、［その他］をクリックし、［コンテンツ］＞［ランディングページ］に移動します。アカウントに［その他］が表示されない場合は、［コンテンツ］＞［ランディングページ］に直接移動します。
   • ブログ： HubSpotアカウントで、［その他］をクリックし、［コンテンツ］＞［ブログ］に移動します。アカウントに［その他］が表示されない場合は、［コンテンツ］＞ ［ブログ］に直接移動します。
   • ナレッジベース： HubSpotアカウントで、［その他］をクリックし、［サービス］＞［ナレッジベース］に移動します。アカウントに［その他］が表示されない場合は、［サービス］＞ ［ナレッジベース］に直接移動します。
2. コンテンツの名前をクリックします。 
3. アンカーの挿入先とするリッチ テキスト モジュールをクリックします。 
4. リッチ テキスト ツールバーで、［挿入］ドロップダウンメニューをクリックし、［アンカー］を選択します。

5. ポップアップボックスで、アンカーの名前を入力します。名前は文字で始まり 文字、数字、ハイフン、アンダースコア、コロン、ピリオドのみで構成されている必要があります。アンカーには、複数の単語をハイフンで区切って含めることができます。完了したら、［挿入］をクリックします。
6. アンカーはanchor アンカーの記号付きの青い線として表示されます。位置を変えるには、アンカーをクリックし、コンテンツ内の新しい場所にドラッグします。 

フォーム用のアンカーを作成する

訪問者をフォームに直接リンクさせるには、フォームの上にあるリッチテキストモジュール内にアンカーを作成してください。

1. コンテンツエディタで、フォームの上にリッチテキストモジュールを追加します。
2. リッチテキストツールバーで、「挿入」ドロップダウンメニューをクリックし、「アンカー」を選択します。
3. ポップアップボックスにアンカーの名前を入力し、「挿入」をクリックします。 

アンカーを作成したら、アンカーリンクを挿入するか、ボタンにアンカーリンクを追加して、訪問者をフォームへ誘導してください。

アンカーリンクを挿入する

訪問者が直接そのセクションにジャンプできるように、アンカー先の リンクを追加します 。リンクは現在のページまたは別のページのアンカーを指すことができます。

1. 目的のコンテンツに移動します。

   • ウェブサイトページ： HubSpotアカウントで、［その他］をクリックし、［コンテンツ］＞［ウェブサイトページ］に移動します。アカウントに［その他］が表示されない場合は、［コンテンツ］＞［ウェブサイトページ］に直接移動します。
   • ランディングページ： HubSpotアカウントで、［その他］をクリックし、［コンテンツ］＞［ランディングページ］に移動します。アカウントに［その他］が表示されない場合は、［コンテンツ］＞［ランディングページ］に直接移動します。
   • ブログ： HubSpotアカウントで、［その他］をクリックし、［コンテンツ］＞［ブログ］に移動します。アカウントに［その他］が表示されない場合は、［コンテンツ］＞ ［ブログ］に直接移動します。
   • ナレッジベース： HubSpotアカウントで、［その他］をクリックし、［サービス］＞［ナレッジベース］に移動します。アカウントに［その他］が表示されない場合は、［サービス］＞ ［ナレッジベース］に直接移動します。
2. コンテンツの名前をクリックします。 
3. コンテンツエディターで、ハイパーリンクにするテキストを強調表示します。 
4. リッチ テキスト ツールバーで、linkd リンクアイコンをクリックします。 
5. ポップアップボックスで [リンク] ドロップダウンメニューをクリックし、 オプションを選択します。
   • このページのアンカー:現在のページのアンカーにリンクするには、このオプションを選択します。[ アンカー ]ドロップダウンメニューをクリックし、ページ上の アンカー を選択します。次に [挿入]をクリックします。
   • URL:別のページのアンカーにリンクする場合はこのオプションを選択します。ページの完全な URL に続けて 、#ハッシュタグ記号 と アンカーの名前( 例:https://mydemo-page.test/home#faq)を入力します。[挿入]をクリックします。
6. 完了したら、右上の [公開 ]または [更新 ]をクリックします。

ボタンにアンカーリンクを追加する

アンカーを作成したら、 ドラッグ&ドロップエリアでボタンモジュールへのリンクを追加します。訪問者がボタンをクリックすると、現在のページまたは別のページのアンカーに誘導されます。

注：CTAに追加するアンカーリンクでは、［ブラウザーからのクリックを追跡］オプションを選択する必要があります。

1. 目的のコンテンツに移動します。

   • ウェブサイトページ： HubSpotアカウントで、［その他］をクリックし、［コンテンツ］＞［ウェブサイトページ］に移動します。アカウントに［その他］が表示されない場合は、［コンテンツ］＞［ウェブサイトページ］に直接移動します。
   • ランディングページ： HubSpotアカウントで、［その他］をクリックし、［コンテンツ］＞［ランディングページ］に移動します。アカウントに［その他］が表示されない場合は、［コンテンツ］＞［ランディングページ］に直接移動します。
   • ブログ： HubSpotアカウントで、［その他］をクリックし、［コンテンツ］＞［ブログ］に移動します。アカウントに［その他］が表示されない場合は、［コンテンツ］＞ ［ブログ］に直接移動します。
2. コンテンツの名前をクリックします。 
3. コンテンツエディターで、左のサイドバーにあるadd追加アイコンをクリックします。 
4. ［フォームとボタン］セクションをクリックして展開し、［ボタンモジュール］をクリックして、ページの所定の位置にドラッグします。
5. [ボタンテキスト ]フィールドに、ボタンに表示するテキストを入力します。 
6. ［URL］フィールドに、先頭にハッシュタグ記号（#）を付けてアンカーの名前を入力します。外部ページのアンカーにリンクする場合は、完全なURLを入力し、その後に先頭にハッシュタグ記号（#）を付けたアンカーの名前を入力します。
7. [ スタイル ]タブで、 ボタンのスタイルを編集します。
8. 完了したら、右上の［公開］または［更新］をクリックします。