window.location.href="tel:09012345678"がAndroidのChromeで動きません

通常、<a href="tel:09012345678">090-1234-5678</a>
でブラウザのテキストリンクをタップして電話をかけれるようにしますが、
あるCMSを使っていて、そのサイト内のリンク以外貼れない仕様になっています。
※そのため、tel:xxxxxxxxxxが使えません

そこで、あるページに飛ばして、Javascriptで電話番号を自動発信させようと思い、

<head>内にタイトルのコードを書いたところ、 iPhoneのSafari、AndroidのFirefoxは動きましたが、 AndroidのChromeでは動きません。（何も起こりません）

###該当のソースコード

<script type="text/javascript">
  window.location.href="tel:09012345678"; 
</script>

###試したこと
JSの位置を<body>内や<html>の後ろにもおいてみましたが、何も変わりませんでした。

setTimeout(function(){document.location.href="tel:09012345678"}, 100);
や
window.location.assign("tel:09012345678");
もダメでした。

解決策を知っている方がいらっしまいましたら、ご教示ください。
宜しくお願い致します。

行動規範の内容に同意します

回答2件

ベストアンサー

HTML
1<script type="text/javascript">
2  window.location.href="tel:09012345678";
3</script>

「Webページを開くだけで任意の電話番号がプッシュされる設計」はセキュリティ上問題がある為、その制限を回避する手段はないと思われます。
CMS側でリンクを貼るのが不可能なのであれば、下記が現実的な落としどころだと私は思います。

電話番号のリンク集となるHTML文書を用意する
CMSから 1. のリンク集に向けて、URLハッシュ付のリンクを貼る
遷移したページでユーザにリンクをクリックしてもらう

Re: byxbee さん

投稿2017/08/01 10:42

think49

総合スコア18194

byxbee

2017/08/02 00:54

ご回答ありがとうございます。やはり遷移先ページで電話番号のリンクをタップさせるしかないのですね。（コンバージョン率向上のため、できるだけステップを削りたかったのですが、この方法で着地させます）ありがとうございました。

行動規範の内容に同意します

該当のhtmlのソースに

html
1<meta name="format-detection" content="telephone=no">

が記述されてたりして

投稿2017/08/01 17:14

Tak1016

総合スコア1408

byxbee

2017/08/02 00:48

ご回答ありがとうございます。ご指摘いただいたmetaタグは書いていないですね。こちらだけです。 <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta http-equiv="content-language" content="ja"> <meta http-equiv="content-type" content="text/html; charset=UTF-8">

行動規範の内容に同意します

あなたの回答