> For the complete documentation index, see [llms.txt](https://helps.ptengine.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://helps.ptengine.com/faq/experience-edit/anchor-link.md).

# アンカーリンクの追加方法

キャンペーンで設定したURLを使い、ページ内の特定の場所へ移動させるには、Experienceのエディターを利用してアンカーリンクを追加することで簡単に実現できます。以下に具体的な設定手順を説明します。

## **設定手順**

1. **キャンペーンの作成**\
   Experienceのエディターを開き、新規キャンペーンを作成します。
2. **遷移先要素の確定**\
   ページ内でリンク先となる要素を特定し、そのHTMLを編集します。\
   ![](https://4061457514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgRz7WrQwZOO6dfD8wRWy%2Fuploads%2Fgit-blob-d3a69f22fab5a94e3eac08a22ad57fd6e35ef9c7%2Ffaq-experience-edit-anchor-link-01.png?alt=media)
3. **識別用のユニークidを付与**\
   特定した要素にユニークな識別idを付与します。すでにユニークidが設定されている場合は、この作業は不要です。

   また、タグを記入する際は：

   * 直前に半角スペースを追加することを忘れないでください。
   * 必ず遷移先の要素を識別できるユニークなidを設定してください。
   * idは他の要素と重複しないようにする必要があります。

   識別idの付与例：`id="カスタマイズしたユニークid値"`\
   ![](https://4061457514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgRz7WrQwZOO6dfD8wRWy%2Fuploads%2Fgit-blob-adf44a6cfa225b3ab395266204c0f73d2b440e71%2Ffaq-experience-edit-anchor-link-02.png?alt=media)
4. **リンクの設定**\
   キャンペーンのクリエイティブを編集し、該当するボタンのリンク先を設定します。リンク形式として「相対パス」を選択し、入力欄に遷移先要素のユニークidを記入してください。入力形式は「#id」とします。\
   ![](https://4061457514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgRz7WrQwZOO6dfD8wRWy%2Fuploads%2Fgit-blob-73ef3e4a452b81cf74000b4040032d3efa46661d%2Ffaq-experience-edit-anchor-link-03.png?alt=media)
5. **動作確認と公開**\
   プレビュー機能を使用してリンクが正しく動作するか確認します。問題がなければキャンペーンを保存し、公開してください。