COS-Pages-Editor

Eメールまたはページにアンカーリンクを追加するにはどうすればいいですか?

更新日時 November 29, 2016

必要条件

ソフトウェア: HubSpot マーケティング
サブスクリプション: Basic, Pro, & Enterprise

ページ上の特定のセクションに移動するリンクを追加するには、まず、リンク先のセクションにアンカーを設定してから、アンカーリンクを使ってそのセクションにジャンプする必要があります。Eメール内にアンカーを追加する場合は、Eメールクライアントによってはアンカータグが機能しない場合もあるということに注意してください。そのため、Eメールメッセージ内にはアンカーリンクを使用しないことを強くお勧めします。さらに、Eメール内のアンカーは、実際のメールが送信されるまで機能しません(アンカーはEメールのプレビュー上では機能しません)。したがって、このようなアンカーをテストする場合は、Eメールを作成した後、これを複製して、自分宛にその複製メールを送ってみることをお勧めします。

  • まず、アンカーを挿入するページまたはEメールに移動します。
  • コンテンツエディターを開いてそのページを表示し、アンカーを挿入するセクションまで移動します。この例では、「Step 2」というテキストの直前にアンカーを設定するので、このテキストの直前にカーソルを配置します。
ユーザー追加画像
  • リッチテキストエディタで[Insert(挿入)] > [Anchor(アンカー)]の順に選択します。
リッチテキストエディタで[Insert(挿入)] > [Anchor(アンカー)]の順に選択します。
ユーザー追加画像
ユーザー追加画像
  • アンカーに名前を付けます。このアンカー名は、後でリンクURLに含まれます。この例では、簡単な「2」という名前にします。
ユーザー追加画像
  • [OK(OK)]ボタンをクリックすると、アンカーが指定の場所に挿入されます。
ユーザー追加画像
  • 次に、アンカーを挿入したセクションにジャンプするリンクを作成します。
  • 使用するテキストを強調表示します。この例では、「Skip to Step 2」というテキストを強調表示します。
ユーザー追加画像
テキストを強調表示したら、[Insert(挿入)] > [Link(リンク)]の順に選択します。
  • リンク先のアンカーがリンク元と同じページにある場合:
    • リンクURLとして、「#」記号を先頭にし、続けてアンカー名を入力します。この例では、アンカー名が「2」なので、「#2」と入力します。
  • アンカーがリンク元とは異なるページにある場合:
    • リンクURLとして、アンカーが設定されているページのURLを最初に入力し、「#」記号とアンカー名を続けます。この例では、アンカー名が「2」なので、「http://offers.hubspot.com/product-guide#2」と入力します。
  • 最後に、[Add Link(リンクを追加)]ボタンをクリックします。
ユーザー追加画像
ユーザー追加画像
  • これで、このリンクをクリックすると、アンカーが設定されたセクションにジャンプします。
ユーザー追加画像
ユーザー追加画像