メインコンテンツにスキップ
お客さまへの大切なお知らせ:膨大なサポート情報を少しでも早くお客さまにお届けするため、本コンテンツの日本語版は人間の翻訳者を介さない自動翻訳で提供されております。正確な最新情報については本コンテンツの英語版をご覧ください。
Landing Pages

ブログ記事、ページ、ナレッジベース記事でアンカーリンクを挿入して管理する

更新日時 2021年 5月 27日

対象製品

Marketing Hub  Professional, Enterprise
CMS Hub  Professional, Enterprise
Marketing Hub Basic(旧製品)

訪問者がスクロールせずにコンテンツの特定のセクションに移動できるようにするには、アンカーリンクを使用します。

注:Eメールクライアントではアンカータグが機能しないため、Eメールにはアンカーリンクを使用しないことを強くお勧めします。また、アンカーリンクは HubSpot の E メールプレビューでも機能しません。

  • HubSpotアカウントで、ランディングページ、ウェブサイトページ、ブログ、またはナレッジベースに移動します。
  • アンカーを追加するページ、ブログ記事、またはナレッジベース記事にマウスポインターを置いて、[編集]をクリックします。
  • リッチ テキスト モジュールをクリックしてアンカーを挿入する場所にカーソルを置きます。 
  • リッチ テキスト ツールバーで、[挿入]ドロップダウンメニューをクリックし、[アンカー]を選択します。
insert-anchor-link-beta
  • アンカーに名前を付けます。アンカー名の先頭は文字である必要があり、アンカー名には文字のみが使用されている場合、または数字、ハイフン、アンダースコア、コロン、ピリオドも使用されている場合があります。アンカーに複数の単語を使用する場合は、各単語をダッシュ(-)で区切ります。完了したら、[挿入]をクリックします。
    insert-anchor-from-toolbar
  • アンカーは灰色の小さな四角形で表示されます。アンカー区切りをドラッグ&ドロップして、ページ上の別の位置に移動することができます。
  • 次に、アンカーが挿入されたページのセクションに訪問者を送るリンクを作成します。
  • コンテンツ本文中でハイパーリンクにするテキストを強調表示します
insert-anchor-link-in-rich-text
  • リッチテキストツールバーで、リンクアイコンlinkdをクリックします。
    • リンク先となるアンカーが、そのリンクと同じページ上にある場合は、[リンク先]ドロップダウンメニューをクリックし、[このページのアンカー]を選択します。次に、[アンカー]ドロップダウンメニューをクリックし、アンカーの名前を選択します。 
    • リンク先となるアンカーが別のページ上にある場合は、[リンク先]ドロップダウンメニューをクリックして[URL]を選択します。そのページの完全なURLを入力して、その後ろにハッシュタグ記号#、さらにアンカーの名前が続きます。
  • [挿入]をクリックします。anchor-on-this-page-popover
  • 訪問者がこのアンカーリンクをクリックすると、アンカーが配置されたページのセクションまたはブログ記事にリダイレクトされます。