web-dev-qa-db-ja.com

WebページにリンクしてInstagramアプリを開きます

Webページにリンクを設定して、Instagramアプリを開こうとする方法はありますか? (インストールされている場合)?

レスポンシブなウェブサイトでこれを実行しようとしているので、別の「アプリ」ではありません。

これは動作しません:

<div>
    <a href="instagram//:media?id=434784289393782000_15903882">instagram://media?id=434784289393782000_15903882</a>
</div>

編集:回答で提案されているようにタイプミスを修正し、iPhoneでテストしました。うまくいきます! @Krisrakに感謝! Android Galaxy Nexusでテストしていますが、機能しません。最初に「パスワードをリセットするにはログアウトする必要があります」という2つのメッセージが表示されます。その後、フェードアウトして表示されます「申し訳ありませんが、そのリンクをロードできませんでした。」.

ありがとう!

10

タイプミスがあり、hrefは://ない//:

<div>
<a href="instagram://media?id=434784289393782000_15903882">instagram://media?id=434784289393782000_15903882</a>
6
krisrak

最初の方法

<a href="http://instagram.com/_u/{USERNAME}/">Link to Instagram Page</a>

  • 起動するアプリケーションを選択するようにユーザーに要求する

2番目の方法

<a href="instagram://user?username={USERNAME}">Link to Instagram Profile</a>

  • ユーザーの場合 インストール済み Instagramアプリケーション:ネイティブアプリケーションでページを直接起動
  • ユーザーの場合 インストールされていない Instagramアプリケーション:何もしない

Android 4.4 Chromeでテスト済み

15

Androidの場合、これを試すことができます(ChromeとAndroidブラウザの両方))

intent://instagram.com/_n/mainfeed/#Intent;package=com.instagram.Android;scheme=https;end

例:

<a href="intent://instagram.com/_n/mainfeed/#Intent;package=com.instagram.Android;scheme=https;end"> test open Instagram Android</a>

Androidのブラウザーで、特定のInstagramページにリンクする場合は、次のことを試してください。

<a href="http://instagram.com/_u/USERNAME/">visit our instagram page</a>
3
Koushan

これを試してください:

100%動作します<a href="instagram://user?username=untitled.tiff">untitled.tiff</a>

ntitled.tiff

0
undefinedtoken