使い方もっと見るウェブビュー機能の使い方〜上級編〜※本機能は法人プランをご契約のお客様のみご利用いただけますウェブビュー機能の画面が一新され、新しい機能が追加されました。今回は新しい画面の使い方、そして新しい機能である『SafariView/ChromeView』の設定方法についてご案内いたします。従来通りアプリ内でウェブサイトをそのまま表示し、展開することができるものです。ECサイトや会員ページ、ゲームなど、何でもアプリに取り込める便利な機能です。ウェブサイトとアプリのデザインをマッチさせることで、違和感なくウェブをアプリ化することも可能です。作成いただいた『ウェブビュー機能』を開き、赤枠内に表示させたいURLを入力し、保存をいただければ完了です。画像では例として、『https://yapp.li/』を入力しています。表示したURLに対して、cssの上書きが可能です。表示したくないヘッダー・フッダーを消したり、ページの一部を消す際に使用します。上部ヘッダーの『CSS上書き』をクリック上書きするCSSを記入する例:#hogehoge{display:none;}対象URLパターンを記入する(任意)対象URLパターンは複数登録が可能です。以下例をご参考ください。→yapp.liのindex.htmlだけに適応また、『URL設定』の「リンク先設定」から、ウェブビュー機能を選択して、URLを直接入力することで、ウェブページを表示することも可能です。この際、リンク先のウェブビュー機能にCSSが設定されている場合、それも引き継がれます。ChromeView』を使うことで、よりウェブブラウザで開いた時に近しい挙動となります。ChromeViewは、『リンク設定でのみ』設定が可能です。ご利用いただくには、アプリが以下のバージョンとなっている必要がございます。設定を行う前に、必ずアプリのバージョンをご確認ください。対応しているバージョン未満の場合、管理画面より『再申請』をいただくと弊社にてバージョンアップの対応をさせていただきます。◯細かな設定について◯1ウェブページをすべて読みこんでから表示するかを選択できます。OFFにした場合、読み込んだ順に表示されます。※iOSのみ反映されます。AndroidはOFF(読み込んだ順に表示)となります。※なお管理画面に設定したCSS上書きはウェブページを表示後に行われますので、最初から非表示にさせたいバナーなどはUserAgent判定で予め消す必要があります。2バックグラウンドからの復帰などで、画面が表示された際に読み込みをするか否かを選択できます。3リンク先としして設定されたSFSafariViewControllerで表示するか否かを選択できます。iOSが対象となります。4リンク先として設定された際にChromeViewで表示するか否かを選択できます。Androidが対象となります。5下記の「ハードウェア・アクセラレーションについて」をご覧ください6ウェブビュー機能でウェブサイトを閲覧し、いくつかページ遷移した状態で戻るボタンを押した時、ON:ひとつ前のページに戻ります。(デフォルトの設定)OFF:ウェブページではなくアプリのコンテンツ画面に戻ります。◯よくあるご質問◯Q.iOSだけを指定したい場合はどうすればいいですか?A.「その他細かな設定」の3をONにしてくださいQ.Androidだけを指定したい場合はどうすればいいですか?A.「その他細かな設定」の4をONにしてください。Q.iOS/Androidの両方を指定したい場合はどうすればいいですか?A.「その他細かな設定」の3と4をONにしてください。Q.iOSにChromeViewを指定できますか?A.SafariViewのみ指定いただけます。Q.Webに表示されたすべての動画が再生されるようになりますか?A.すべての端末での動画再生を保証するものではございません。端末の仕様など何かしらが起因し、再生がされない場合もございます。Analyticsで計測されますか?A.計測はされません。■ハードウェア・アクセラレーションについて←New『ハードウェア・アクセラレーション』を設定されたウェブビュー機能では、Android端末からでも設定されたサイトに埋め込まれた動画再生が可能となります。※この設定をした場合に、サイト側の作りによっては他の表示などに影響する場合があります。再構築をする前に、PreviewYappliでの動作確認を行っていただくことを推奨します。※端末固有の問題、表示されているサイトの作りなどによって動作は異なります。すべての端末での動作を保証するものではございません。ご利用いただくには、アプリが以下のバージョンとなっている必要がございます。設定を行う前に、必ずアプリのバージョンをご確認ください。対応しているバージョン未満の場合、管理画面より『再申請』をいただくと弊社にてバージョンアップの対応をさせていただきます。・Android...v5.7.5以降1.『ウェブビュー機能』を開きます2.右上の「拡張設定」をクリック3.【ハードウェア・アクセラレーションを有効にする】をONにする◯よくあるご質問◯Q.iOSでハードウェア・アクセラレーションを設定できますか?A.Androidのみでご利用いただけます。設定されたとしても、iOSに影響はございません。Q.Webに表示されたすべての動画が再生されるようになりますか?A.すべての端末での動画再生を保証するものではございません。端末の仕様など何かしらが起因し、再生がされない場合もございます。※ログイン状態の保持については、外部API連携などをされている場合は影響はありません。この記事は役に立ちましたか?不明点はございますか?お気軽にお問い合わせください。不明点はございますか?お気軽にお問い合わせください。