Формирование ссылки с атрибутом tel

Формирование ссылки с атрибутом tel

 

Большинство мобильных гаджетов с доступом к сети интернет одновременно являются телефонами. Поэтому очень удобно номера телефонов сайта делать в виде ссылок, клики по которым вызывают встроенное приложение для звонка. Удобно в первую очередь для посетителей вашего ресурса.

Для этого существует атрибут tel. URI-схемы есть практически во всех мобильных устройствах: браузерах Safari на IOS, Android Browser, WebOS Browser, Symbian браузер, Internet Explorer и Opera Mini.

Конечно, можно в нескольких местах шаблона сделать такую запись:


<a href="tel:+7XXXXXXXXXX">+7 (XXX) XXX-XX-XX</a>

Но если номер потребуется сменить, придется редактировать код HTML. Это нецелесообразно.

Правильнее будет константы вынести в системные переменные, указав там телефон в понятном формате. А форматирование номера для использования с атрибутом tel возложить на сниппет. Он удалит скобки, дефисы и пробелы.


Форматируем телефонный номер

Создаем сниппет с названием tel_phone следующего содержания:

<?php 
    $p1 = array(" ", "-", "(", ")");
    $p2 = array("", "", "", "");
    return str_replace($p1, $p2, $input);

Вызываем его таким образом:


<a href="tel:[[++number:tel_phone]]">[[++number]]</a>

Здесь number – поле, содержащее сам номер телефона в обычном формате, к примеру +7 (XXX) XXX-XX-XX, а tel_phone, как решили – имя сниппета.

В результате форматирование произойдет автоматически, код страницы примет нужный вид:


<a href="tel:+7XXXXXXXXXX">+7 (XXX) XXX-XX-XX</a>