アンカーの設置方法

この記事では、ページ上の特定の位置にリダイレクトされるようにページ上のアンカーを設定する方法について説明します。

ここで必要になるもの：

現在、systeme.io ページにアンカーを追加する方法は2つあります。

例：「フッター」アンカーで長いテキストの一番下に移動する。

この方法では、ページエディターで、ボタンをリダイレクトさせたい場所のすぐ上か下にHTMLの要素を追加し、HTML内に<div id="whatyouwant"></div>というコードを入力します（画像の1番）。

注：このコードはページには何も表示されません。

コードを入力したら、変更を保存します（画像の2番）。

次に、そのページのリンク（画像の3番）をコピーします。

最後に、ページの上部にボタンを追加し、URLの入力欄に、先ほどコピーしたページのURLのすぐ後ろに#whatyouwant（画像の4番）を貼り付けて入力します。

これで、ボタンをクリックすると、HTMLアンカーにリダイレクトされます。

最初に行うことは、訪問者が同じページのボタンをクリックした際に、リダイレクトさせたいページの要素のID属性を取得することです。

要素をクリックしてエディターの左側にその設定パネルを表示させ、下にスクロールしてID属性をコピーします（例：「row-a9ff7531」）。

次に、パート1で説明したように、ページのリンクをコピーします（前の画像の3番）。

リンクをコピーしたら、ページの上部にボタンを追加します。エディターの左側の設定パネルにあるURL入力欄にURLを貼り付け、そのすぐ後ろに #AttributeID、つまり #row-a9ff7531（画像の5番）を貼り付けます。