Автоматический звонок с телефона на номер написанный на сайте
Как сделать так чтобы на сайте при клике на указанном номере телефона автоматически осуществлялся звонок с мобильного телефона клиента. Как правильно писать номер телефона на сайте .Возникла интересная идея, которая заключается в том, чтобы сделать контактный номер телефона просто куском текста, а чтобы он был еще и функциональным. Допустим человек зашел с мобильного телефона на Ваш сайт и ему неудобно будет переписывать этот номер телефона на стороне или запоминать его, а потом набирать чтобы позвонить. А просто при клике на номере или кнопке чтобы сразу осуществлялся звонок из соответствующего номера телефона клиента.
Учитывая что сегодня многие люди имеют смартфоны будет полезно реализовать данный функционал. В сети также есть много сервисов которые позволяют размещать у себя на сайте онлайн чаты или звонки через IP-телефонию SIP. Преимущество этого способа над различными чатами или сервисами очевидна, вы сразу будете иметь прямой номер своего клиента и не нужно платить третьим лицам за промежуточные услуги плюс это положительно сказывается на поисковом продвижении сайта. Человеку будет удобнее сразу позвонить чем писать через различные чаты. Либо перегружать сайт лишним кодом.
Оказывается реализовать данный функционал можно очень просто. При помощи всего одного тега HTML5 можно сделать автоматический звонок с сайта на телефоне под android или iphone. Для этого телефон в коде нужно указывать телефон как ссылку с tel протоколом:
<a href="tel:+380665224068"> +38 066 522 40 68 </a>
При клике на сайте на моем телефоне android автоматически предлагает вариант действий:
звонок с сайта при клике на номере android
Выбрав вариант действия "телефон" можно сразу позвонить или сохранить контактный номер телефона в записную книгу. Или отправить смс-сообщение на соответствующий номер.
Также данный функционал должен работать и на ios iphone.
Возникает только проблема, оформить так этот телефон чтобы клиент понял что на нем можно сразу кликнуть и позвонить. Это уже можно включить свою фантазию, указать телефон как подчеркивание или оформить в виде некой кнопки.
Например для того чтобы поисковик google понимал номер телефона на сайте его нужно писать следующим образом:
<div itemscope itemtype="http://schema.org/LocalBusiness">
<h1 itemprop="name">Мой телефон</h1>
Тел: <span itemprop="telephone"><a href="tel:+380615224068">
066-521-4068</a></span>
</div>