iOSのInstagramアプリ内ブラウザからショップにアクセスしたさいに、外部ブラウザが立ち上がるがページが正しく表示されない場合の対処方法を説明します。
発生している事象について
iOSのInstagramアプリでショップのリンクをタップすると、アプリ内ブラウザが立ち上がりますが、ショップページが正しく表示されない現象が確認されています。
影響を受ける可能性があるショップ
以下のいずれかに該当するショップで、事象が発生する可能性があります。
- 「HTML編集 App」で新規作成から作成したテーマを適用中、かつ、デフォルトで入っているFacebook SDKの記述を削除していないショップ
- Facebook SDKを読み込んでいる有料テーマを適用しているショップ
暫定的な対処方法
以下の手順で、暫定的に事象を回避できます。
「HTML編集 App」をご利用の場合
- 「HTML編集 App」を開き、現在適用中のテーマを選択します
- エディタ内で以下の記述を検索し、コメントアウトします
- Facebook SDKを読み込んでいる記述（
sdk.jsなどで検索してください） - Facebookシェアボタンに関する記述（
facebookなどで検索してください）
- Facebook SDKを読み込んでいる記述（
- 変更を保存します
Facebook SDKを読み込んでいる記述の例
<!-- script:Facebook -->
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/ja_JP/sdk.js#xfbml=1&appId=350947278320210&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
Facebookシェアボタンの記述の例
<div class="facebook">
<div class="fb-share-button" data-layout="button_count" data-size="small" data-mobile-iframe="true"><a class="fb-xfbml-parse-ignore" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u&src=sdkpreparse">シェア</a></div>
</div>
有料テーマをご利用の場合
- 「HTML編集 App」をインストールします
- 「購入したテーマを元に新規作成」を選択し、エディタを開きます
- エディタ内で上記の記述を検索し、コメントアウトします
- 変更を保存します
- 管理画面の「デザイン」にある[テーマ]から[変更する]に進み、「購入済み・カスタムのテーマ」で作成したテーマを選択し、適用します
根本的な問題が解消がされた場合
根本的な問題が解消がされた場合は、以下の手順で元の状態に戻すことができます。
「HTML編集 App」をご利用の場合
コメントアウトした箇所を、元に戻してください。
有料テーマをご利用の場合
管理画面の「デザイン」にある[テーマ]から[変更する]から、元の購入済みテーマを再度選択してください。
注意事項
- 本対応は一時的な対応方法のため、「HTML編集 App」利用時の注意事項がそのまま適用となります
※購入済みテーマの変更も自動では適用されませんので、その点をご理解いただいたうえで対応してください。 - 本対応をおこなうと、Facebookシェアボタンが一時的に機能しなくなります
- くわしい状況については、Instagram側のサポート窓口までお問い合わせください