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

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

始める前に

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

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

• Eメールでのアンカーリンクの使用は、Eメールクライアントによってはサポートされていない可能性があるため、推奨されません。

アンカーを作成する

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

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

   • ウェブサイトページ：HubSpotアカウントにて、［コンテンツ］＞［ウェブサイトページ］の順に進みます。
   • ランディングページ：HubSpotアカウントにて、［コンテンツ］＞［ランディングページ］の順に進みます。
   • ブログ：HubSpotアカウントにて、［コンテンツ］＞［ブログ］の順に進みます。
   • ナレッジベース：HubSpotアカウントにて、［サービス］＞［ナレッジベース］の順に進みます。
2. コンテンツの名前をクリックします。 
3. アンカーの挿入先とするリッチ テキスト モジュールをクリックします。 
4. リッチ テキスト ツールバーで、［挿入］ドロップダウンメニューをクリックし、［アンカー］を選択します。

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

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

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

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. 完了したら、右上の［公開］または［更新］をクリックします。