ディープリンク

• ディープリンクとは

  ディープリンクとは、ウェブページからアプリ内の特定のページに直接遷移するためのリンクです。
  Yappliではこのディープリンクを生成する機能を標準で備えています。

  通常、ウェブページからウェブページ以外のコンテンツへ遷移させることはできませんが、
  ディープリンクを使うことで、ウェブビューで表示しているウェブページから、アプリ内の機能へのリンクを繋ぐことが可能になります。

• ディープリンクを生成する/リンク生成する

  1. コンテンツ管理を選択します。
  2. 画面右上にある「リンク生成」をクリックします。
  3. 左列からディープリンクを生成したいページを選択します。
     メニューをクリックすると、メニュー内の階層（ページ）が表示されていきます。
     下図は、例として詳細まで階層をおりていったものを示していますが、どの階層を表示させたいかは、自由に設定可能です。 
     
  4.  ディープリンクが生成されます。

  上記手順にてディープリンクが生成されます。このURLをコピーして、該当するウェブページのHTMLに貼り付けましょう。

   

  ヒント

  • 生成したディープリンクをウェブページのHTMLに設定する方法は、以下のサポートページをご参考ください。
    参考：『ウェブページのHTMLにディープリンクを設定する』

  ご注意

  • アクティブタブをディープリンクとして設定する場合は、前回開いていたコンテンツ、もしくはアクティブタブ内の1番左にあるコンテンツが表示されます。

   

• ウェブページのHTMLにディープリンクを設定する

  HTMLの<a>タグ部分に、生成したディープリンクを設定します。

  貼り付け方法は、Aタグの＃部分に、ディープリンクのURLを貼り付けるだけです。

  <a href="#">
  ↓
  <a href="native:/tab/home/××××××××">

  ディープリンクを付けたHTMLを、お手持ちのサーバーにアップします。
  アップしたHTMLを確認してリンクされていることを確認してください。

   

  ヒント

  • ディープリンクをHTMLに設定したら、ウェブビュー機能に設定させましょう。
    参考：『ウェブビュー機能でディープリンクを設定したURLを表示させる』
  • ディープリンクの生成方法は以下のサポートページをご参考ください。
    参考：『ディープリンクを生成する』

• ウェブビュー機能でディープリンクを設定したURLを表示させる

  1. コンテンツ管理からウェブビュー機能を選びます。
  2. 貴社でご用意いただいたディープリンクを設定したURLを設定し、保存してください。
     参考：『ウェブページのHTMLにディープリンクを設定する』
     

   

  ヒント

  • 変更が確認できない場合は、一度プレビューヤプリを閉じて、再度開くことで反映されます。

• ブラウザからアプリ内のコンテンツに遷移させる - ディープリンク

  ディープリンクとURLスキームを使うことで、ウェブページからのアプリコンテンツへの遷移が可能になります。

  通常、管理画面で生成したディープリンクは、Yappliのwebビュー内からのみ遷移可能です。
  生成したディープリンクに事前にURLスキームを設定することによって、SafariやChromeなどの外部ブラウザからアプリ内のコンテンツに遷移させることができるようになります。

   

  URLスキームの設定方法

  1. 管理画面でディープリンクを生成します。
     例）native:/tab/xxxx/xxxxxxxxx
  2. 1.で生成したディープリンクの"naitive"部分を、遷移したいアプリのURLスキーム名に変更します。
     例）Preview Yappliの場合、URLスキームは「yappli」なので以下となります。
     yappli:/tab/xxxx/xxxxxxxxx
     実際には"naitive"部分をそれぞれのアプリ毎のURLスキームを設定してください。
     URLスキームはCMSの「アプリ情報」より確認いただけます。
     参考：『URLスキームとは何ですか？』
  3. HTMLのハイパーリンクの<a>タブ内に上記のURLを埋め込みます。

  上記設定により、アプリをダウンロードしている端末であれば、ブラウザからアプリ画面に遷移することができます。

   

  ヒント

  • アプリをダウンロードしていない端末で上記リンクをタップした場合は、反応しません。
  • ディープリンクの生成方法は以下のサポートページをご参考ください。
    参考：『 ディープリンクを生成する』
  • URLスキームはCMSのダッシュボードより確認いただけます。
    参考：『URLスキームとは何ですか？』