コンテンツページ上で目次とかクリックしたらその場所に飛ぶことってできないの?

アンカーという機能などを使えばできるよ!複数名からお問い合わせをいただいたので、使い方を伝えておくね!!

 

コンテンツページ内にアンカーを使って同じ万能エディタ内の任意の場所に飛ばす方法

 

プロラインフリーでは、コンテンツページ内でアンカーを使うことで、任意の場所に飛ばすことが可能です。

手順1:アンカーマークをクリック→アンカー名を決める。

 

まずは、飛ばす先の位置でアンカーマークをクリックすると、

アンカー

アンカー名を決める画面が出てくるので、アンカーの名前を決めます。

アンカーの名前を決める

 

ご参考までに、こんな感じにしてみました。

アンカーを決める

注意※)アンカーマークは同じ万能エディタ内で有効になるため、別の万能エディタ内ではリンクに表示されません。

 

手順2:同じ万能エディタ内の飛ばす前の位置でリンクマークをクリックします。

 

次に飛ばす前の位置をリンクにします。

今回の場合は分かりやすいように目次の「全てのアカウント環境を共有したい場合」をクリックした時に

該当の箇所に飛ぶように設定したいので、クリックしてほしい箇所を選択したらリンクマークをクリックします。

リンクマークをクリック

 

すると、以下のようにハイパーリンク情報の入力欄が出てくるので

リンクタイプでは、

「ページ内のアンカー」を選択します。

リンクを決める

「ページ内のアンカー」を選ぶと、以下の画面に変わるので、

 

アンカー名を入力

「アンカー名」の空欄をクリックすると、先ほど決めたアンカー名が表示されるので選択して「OK」をクリックします。

アンカー名を設定

 

 

この操作で、コンテンツページを開いた時に(プレビューも含む)

ここをクリックすると

以下の設定した箇所に飛ぶ状態になります。

飛んだ先

 

コンテンツページ内の別の万能エディタ内の任意の場所に飛ばす方法

 

アンカーマークは同じ万能エディタ内でのみ有効になるため、別の万能エディタ内ではリンクに表示できません。

もしも、別の万能エディタに飛ばしたい時には別の方法があります。(少しだけ複雑になります。)

別々の万能エディタへ

手順1:移動する先にidをつける

 

まず、万能エディタ左上の「テキスト(HTML)」をクリックして、

HTMLモードへ

飛ばしたい移動先に 何らかのid を付けます。

例えば、今回は「タイトル」というidをつけるとします。

例: <p id="title">〇〇〇〇</p>

 

初めの状態がこの状態だったとすると、

before

このようにidをつける、という感じです。

idをつける

 

手順2:飛ばす前の位置でリンクを作成します

 

そして、飛ばす前の位置の万能エディタも同様に「テキスト(HTML)」モードにしていただき、

コンテンツページのURLに # + id の形式でリンクを付けることで、該当箇所に飛ばしていただくことが可能です。

例:<a href="https://autosns.me/cp/xxxxx?uid=[[uid]]#title">〇〇〇〇へ移動</a>

 

具体的には、このような感じです。

初めの状態がこの状態だったとすると、

before2

 

リンク用のHTMLで囲って、以下のような状態にします。

 

<p>

<a href="https://autosns.me/cp/xxxxx?uid=[[uid]]#title">全てのアカウント環境を共有したい場合</a>

</p>

 

(※コンテンツページのURLをコピーしてhttps://autosns.me/cp/xxxxx?uid=[[uid]]の部分に貼り付けてください。)

 

 

以上によって、別々の万能エディタであっても問題なく飛ばすことができます。

 

 

PC版LINEの場合、動作に様々な制限がある事がございます。
その為、正確な動作確認をしたい場合は、スマホ版LINEアプリをご利用ください。

プロラインフリーの無料アカウントはこちらから

プロラインフリーは、LINE公式アカウント専用のLINE集客ツールです。

通常、LINE公式アカウントの機能だけでは実現できない、シナリオ移動などを含めた複雑なLINEステップ配信や、コンテンツページの作成などが、プロラインフリーを使う事で実現できます。です。

多くの個人事業主、企業様が、このプロラインフリーを導入、集客の自動化に成功しています!

また、公式LINEのステップ配信ツールの多くは有料ですが、プロラインフリーは、送信数無制限にも関わらず無料で使う事ができます。