上級者向けの設定

• 拡張設定とは - ウェブビュー機能

  ウェブビュー機能の拡張設定とは、SFSafariViewControllerやChrome Custom Tabsの有効化、戻るボタンの表示やバックグラウンドからの復帰時の挙動など、ウェブビュー機能に関わる細かな設定ができます。

  

• すべてのコンテンツを読み込んでからレンダリングする【iOS】 - ウェブビュー機能

  ウェブページをすべて読みこんでから表示するかを選択できます。OFFにした場合、読み込んだ順に表示されます。

  1. 拡張設定をクリックします
  2. 「すべてのコンテンツを読み込んでからレンダリングする【IOS】」を有効に変更します
  3. 保存を押します

  

   

  ヒント

  • iOSのみ設定が反映されます。AndroidはOFF（読み込んだ順に表示）となります。
  • 管理画面に設定したCSS上書きはウェブページを表示後に行われますので、最初から非表示にさせたいバナーなどはUserAgent判定で予め消す必要があります。

• バックグラウンドから再表示されたとき自動的に再読み込みする【Android】 - ウェブビュー機能

  バックグラウンドに待機させていたアプリを再表示した際など、画面が表示された際にウェブサイトを読み込みをするか否かを選択できます。

  1. 拡張設定をクリックします。
  2. 「バックグラウンドから再表示されたとき自動的に再読み込みする【Android】」を有効に変更します。
  3. 保存を押します。

  

• リンク先として設定されたときSFSafariViewControllerで表示する【iOS】 - ウェブビュー機能

  リンク先として設定されたSFSafariViewControllerで表示することができます。

   

  1. 拡張設定をクリックします。
  2. 「リンク先として設定されたときSFSafariViewControllerで表示する【iOS】」を有効に変更します。
  3. 保存を押します。
  4. 設定を有効にしたウェブビュー機能を介し、フリーレイアウト機能などからリンク先を設定します。
     参考：『アクション設定・リンク設定とは』

  

  

  画像は、「ウェブビュー機能(拡張機能有効)」というブロックにリンク設定をした場合、タップした際のiOSでの見え方になります。通常のウェブビュー機能と異なり、ヘッダーやタブバーは表示されず、画面全体に覆いかぶさるような見え方になります。

   

  ご注意

  • SFSafariViewControllerを使うことで、よりウェブブラウザで開いた時に近しい挙動となります。
  • SFSafariViewControllerは『リンク設定でのみ』設定が可能です。タブ内・その他内・出し分けからのリンク設定には対応していませんので、ご注意ください
  • SFSafariViewControllerを使う場合、Yappliでは当該のウェブビューのログを取得することができなくなります。そのため、Yappli AnalyticsやGoogle Analytics 4、Yappli Data Hubなど計測関連全般のデータや数値に影響が生じます。

   

  更新履歴

  • 2025年5月12日　ご注意に計測に影響する旨を追記

• リンク先として設定されたときChrome Custom Tabsで表示する【Android】 - ウェブビュー機能

  リンク先として設定されたChrome Custom Tabsで表示するか否かを選択できます。

   

  1. 拡張設定をクリックします。
  2. 「リンク先として設定されたときChrome Custom Tabsで表示する【Android】」を有効に変更します。
  3. 保存を押します。
  4. 設定を有効にしたウェブビュー機能を介し、フリーレイアウト機能などからリンク先を設定します。
     参考：『アクション設定・リンク設定とは』

  

  

  画像は、「ウェブビュー機能(拡張機能有効)」というブロックにリンク設定をした場合、タップした際のAndroidでの見え方になります。通常のウェブビュー機能と異なり、ヘッダーやタブバーは表示されず、画面全体に覆いかぶさるような見え方になります。

   

  ご注意

  • Chrome Custom Tabsを使うことで、よりウェブブラウザで開いた時に近しい挙動となります。
  • Chrome Custom Tabsは『リンク設定でのみ』設定が可能です。タブ内・その他内・出し分けからのリンク設定には対応していませんので、ご注意ください。
  • Chrome Custom Tabsを使う場合、Yappliでは当該のウェブビューのログを取得することができなくなります。そのため、Yappli AnalyticsやGoogle Analytics 4、Yappli Data Hubなど計測関連全般のデータや数値に影響が生じます。

   

  更新履歴

  • 2025年5月12日　ご注意に計測に影響する旨を追記

• 戻るボタンでひとつ前のウェブページに戻る - ウェブビュー機能

  
  ウェブビュー機能でウェブサイトを閲覧し、いくつかページ遷移した状態で戻るボタンを押した時の動作を設定できます。

  • 有効：ひとつ前のウェブページに戻ります。
  • 無効：ウェブページではなくアプリのコンテンツ画面に戻ります。また、アクティブにウェブビュー機能を配置すると戻るボタンが非表示となります。

  1. 拡張設定をクリックします。
  2. 「戻るボタンでひとつ前のウェブページに戻る」を有効に変更します。
  3. 保存を押します。

  

   

   

• 画面が表示されたとき自動的に再読み込みする - ウェブビュー機能

  【iOSのみ】ページを表示したとき、自動で再読み込みをするか選択できます。

   

  1. 拡張設定をクリックします。
  2. 「画面が表示されたとき自動的に再読み込みする【iOS】」を有効に変更します。
  3. 保存を押します。

  

   

  ヒント

  • サブメニュー（ヘッダー右上）にウェブビューを設置する場合、有効にすることをおすすめいたします。「カート内の商品が更新されない」などの場合はこちらの設定をご確認ください。