Использование xml и php для создания единого списка контактов, адаптируемого к различным телефонам

Ссылки на WhatsApp

Прямая связь

«Прямая связь» — это функция в WhatsApp, которая позволяет начать чат с человеком, номер которого не сохранен в адресной книге вашего телефона. Вам достаточно знать номер телефона данного человека, и вы можете создать ссылку, которая позволит начать с ним чат. Нажав на ссылку, вы автоматически откроете чат с нужным человеком. Функция «Прямая связь» работает на вашем телефоне и в WhatsApp Web.


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

<a href="https://wa.me/79101510855">Прямая связь</a>

или

<a href="https://api.whatsapp.com/send?phone=380506187156">Прямая связь</a>

Шеринг конкретному абоненту

Чтобы создать собственную ссылку с предварительно заполненным сообщением, которое будет автоматически отображаться в текстовом поле чата, используйте , где — это номер телефона в полном международном формате, а — это URL-закодированное предварительно заполненное сообщение:

<a href="https://wa.me/79101510855?text=го%20на%20карты">Прямая связь</a>

Далее все манипуляция со ссылками на WhatsApp-ресурсы производятся через протокол и работоспособность НЕ гарантируется (по сосотоянию на 24 сентября 2018 года).

Шеринг с выбором группы (абонента)

<a href="whatsapp://send?text=<?php echo urlencode( '<TEXT>' ); ?>"
data-action="share/whatsapp/share">WhatsApp</a>

Текст, передаваемый в ссылку, должен быть url-кодирован. В примере для этого использована функция .

Шеринг конкретному абоненту

<a href="whatsapp://send?text=<?php echo urlencode( '<TEXT>' ); ?>&abid=<?php echo absint( '<ABID>' ); ?>"
data-action="share/whatsapp/share">WhatsApp</a>

Где плейсхолдер — это идентификатор абонента.

Насколько мне известно, фичу с ABID прикрыли и из веба вы не получе это значение.

1.1 Используем виджет «Кнопка»

Шаг 1. Добавим виджет «Кнопка» на страницу. Если хотите чтобы кнопка выглядела как обычный текст — воспользуйтесь виджетом «Кнопка-ссылка».

Шаг 2. Перейдём в настройки виджета кнопки (гаечный ключ), в раздел «Содержимое» и укажем наш номер телефона, который будут видеть посетители (можно указать в любом формате).

Далее переходим в раздел «Вид» во вкладку «Текст» и настроим нужный нам размер текста.

Там же мы можем изменить вид текста (сделать жирным, включить курсив и т.д.) и изменить шрифт текста.Проделаем вышеописанные действия (шага 2) на записи:

Шаг 3. Перейдем в раздел «Цвета» во вкладку «Подробные настройки» и зададим нужный цвет тексту:

1. В обычном состоянии2. При наведении курсора3. При нажатии на кнопку

Проделаем вышеописанные действия (шага 3) на записи:

Шаг 4. Переходим в раздел «Действие», выбираем действие «Открыть страницу» и пропишем код телефона в поле «Ссылка».Пример кода:

После tel:+ необходимо указать ваш номер телефона без пробелов и дефисов, строго в том формате, который указан на примере выше.

Шаг 5. Публикуем страницу и всё готово! Чтобы протестировать кликабельность телефона, зайдите в предпросмотр или на опубликованную версию страницы.

Важно: телефон будет кликабельным на всех устройствах. Если зайти на страницу, например, с ноутбука, и нажать на номер телефона — браузер предложит сделать вызов с одной из возможных программ, которые установлены на ноутбуке посетителя

Если ни одной подходящей программы нет — появится ошибка.Если вы хотите сделать номер телефона кликабельным только для мобильных, а для остальных устройств нет — это можно настроить по нашей инструкции:«»

Формат ссылки для телефонных звонков в мобильных браузераx (href=»tel:…»)

На сегодняшний день большинство мобильных устройств с браузером также являются телефонами! Так почему бы не создавать для телефонных номеров на вашей странице ссылки, кликая по которым вызывалось бы встроенное приложене для звонков. Если вы создаете сайт бизнес руководства, консалтингового агенства или просто продаете пирожки на своем сайте, большинство людей предпочтут позвонить вам в 1-2 тача вместо нудного заполнения формы (особенно на мобильном девайсе).

Мы уже писали об URI-схемах для отправки смс тут.

Первым стандартом, де-факто (скопированным с японских I-MODE стандартов) является использование tel: схемы. Он был предложен в качестве стандарта в RFC 5341, но будьте осторожны, потому что большинство предложенных там параметров не работают на всех устройствах.


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

Очень простой и лаконичный синтаксис:

href=”tel:…”

Если пользователь кликает по такой ссылке, мобильное приложение попросит подтверждения вызова с указанием полного номера. Это позволит избежать мошенничества или обмана пользователя при звонках в другую страну или на премиум-номер.

На десктопе, с установленным Skype (или подобным софтом), система попросит вас подтвердить открытие внешнего приложения, при клике на такую ссылку.

Я рекомендую указывать телефонный номер в международном формате: знак плюс (+), код страны, код местной зоны и номер абонента. Мы ведь иногда действительно не знаем, где наши посетители физически расположены. Если они находятся в той же стране, или даже в том же районе, международный формат также будет работать.

Существуют, также другие варианты которые вы можете встретить. Давайте посмотрим несколько примеров для ознакомления, просто что-бы знать, что такое бывает. Но я не рекомендовал-бы использовать их из-за различий в поддержке браузерами.

Где найти ссылку на свой Инстаграм в телефоне

Существует всего три способа, с помощью которых можно найти ссылку на собственный Instagram в мобильном девайсе. Выбор любого из них напрямую зависит от того, какой гаджет будет использован для авторизации в соцсети.

Со смартфона

Инстаграм является, по большей части, мобильной соцсетью, а потому большинство юзеров посещают её посредством мобильного приложения. К сожалению, в официальной программе функции быстрого копирования своих ссылок просто нет.

Проблема хоть и есть, но она решаема – можно дать знакомому ссылку на любую личную публикацию, а уже по ней он без труда перейдёт на страничку аккаунта.

Алгоритм действий следующий:

  1. Нужно зайти в мобильное приложение.
  2. Избрать любое изображение либо же пост, размещённый на личной страничке.
  3. Кликнуть по значку с тремя точками, открыв тем самым меню дополнительных опций. 
  4. Избрать графу «Поделиться». 
  5. Затем можно отослать ссылку сразу в личные уведомления в других соцсетях либо месенджерах посредством специальных клавиш или нажав значок «Скопировать».
  6. Если избрать копирование ссылки, то после клика по ней она сохранится в буфере обмена на телефоне.

Для этого нужно зайти в соцсеть под другим ником и паролем, перейти на личную страничку, а после того кликнуть по значку с тремя точками для вызова меню вспомогательных опций. В открывшемся меню необходимо избрать графу «Скопировать URL профиля».

С помощью браузера

Проще всего копировать ссылки в Инстаграме посредством веб-версии. Для этого необходимо посетить официальный веб-ресурс социальной сети при помощи любого браузера на мобильном устройстве.

После процесса авторизации в браузерной строке будет отображена ссылка на личный профиль в соцсети, которую и требуется скопировать.

Для этого нужно выделить ссылку тапнув по ней левой клавишей мышки, а после нажать правую клавишу и открыть вспомогательное меню, где надо избрать пункт «Копировать».

Ручной способ

Ссылка на личную страничку в Instagram – адрес официального веб-ресурса + никнейм юзера. Все пользователи данной социальной сети обладают собственным уникальным ником, а все аккаунты представляют собой автономные странички в сети с личной уникальной ссылкой, которая основывается на никнейме.

Ссылка на собственный аккаунт выглядит таким образом: www.instagram.com/ник профиля.

Зная такую информацию пользователь всегда сможет узнать ссылку на личную страничку и прописать её ручным методом, прибавив к основному домену собственный никнейм через «/» (слеш).

Как скопировать ссылку в контакте с телефона

С компьютера достаточно просто скопировать ссылку. Стоит посмотреть на табло сайта, которое располагается на верхней строчке, кликнуть по ней и нажать правой кнопкой мышки на «Копировать». Таким образом ссылка автоматически перейдет в буфер обмена компьютера, а затем пользователь может использовать её в своих целях.

Если рассматривать телефон, то в этом случае у многих обладателей странички возникают проблемы, так как они не знают, как скопировать адрес. На самом деле, процесс можно проводить через два источника:

  • Через само приложение;
  • Через браузер.

Стоит рассмотреть оба варианта, чтобы в дальнейшем у человека не возникало проблем с тем, что не получается скопировать ссылку и прислать её необходимому человеку.

Через приложение

Копирование ссылок на различные паблики, страницы или же другие ресурсы мессенджера возможно даже через официальное приложение. Для того, чтобы сделать это, необходимо иметь заранее установленное приложение, которое пользователь должен скачать через официальный источник.

Обратите внимание! Скачивание ВК через неофициальные утилиты может привести к тому, что на телефоне появятся вирусы. Если пользователь скачал приложение, то необходимо выполнить следующее:

Если пользователь скачал приложение, то необходимо выполнить следующее:

  1. Открываем программку и кликаем или же переходим на ту страницу / профиль, где хотелось бы скопировать адрес;
  2. После этого необходимо кликнуть на три точки, которые располагаются в правом верхнем углу. Они отвечают за меню страницы;
  3. После этого необходимо кликнуть на пункт «Скопировать ссылку»;
  4. Телефон моментально откликнется и выдаст в качестве уведомления то, что ссылка скопирована в буфере обмен.

Теперь пользователь может достаточно легко вставить ссылку при помощи зажатия окна сообщения и вставки необходимой ссылки в сообщения. Осуществить это можно даже через приложение.

Через браузер на телефоне

Если рассматривать браузерный вариант, то копирование ссылок в несколько раз проще. Мобильным браузером пользователь может пользоваться в тех случаях, когда на его устройстве просто нет места, чтобы установить программку. Это также имеет место.

Перед тем, как начать копирование, необходимо зайти в браузерную версию приложения. Для этого необходимо в том браузере, которым чаще всего использует человек, кликнуть в поиске на «ВК» и открыть первую ссылку.

Обратите внимание! Стоит убедиться в том, что это официальная версия ВК, так как другие источники могут занести вирусы, а также украсть данные, если человек введет их в поле. После этого стоит приступать к самому копированию ссылок:

После этого стоит приступать к самому копированию ссылок:

Войдя в браузерную версию ВК, пользователю стоит зарегистрироваться в ней, а после этого перейти на ту страницу, адрес которой человек должен скопировать; После этого необходимо обратить внимание на адресную строку, а также на ссылку. Кликаем на неё и удерживаем; После этого появится несколько пунктов, среди которых и есть действие «Копировать»

Кликаем на него.

Таким образом пользователь скопировал ссылку на браузерной версии ВК. Если пользователь не может ориентироваться в нем, то стоит посмотреть в этом видео алгоритм входа

Как сделать номер телефона кликабельным на сайте

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

Подпишись на рассылку и получи книгу в подарок!

Количество пользователей, использующих для серфинга мобильные устройства, неуклонно растет и уже в некоторых нишах превышает общее число десктопных юзеров. В связи с чем владельцы коммерческих порталов сталкиваются с необходимостью сделать телефон кликабельным на сайте, что позволяет при нажатии на номер сразу перейти к осуществлению звонка. Особенно актуально эта необходимость возникает у владельцев продающих и коммерческих ресурсов. Так как клиенты не располагают временем и желанием копировать или переписывать цифровую комбинацию, предпочитая покинуть веб-страницу и осуществить заказ или заявку у конкурентов.

Многие мобильные браузеры поддерживают автоматическое определение комбинаций телефонов, что позволяет при клике переходить непосредственно к звонку, но в связи с тем, что написание номеров бывает разным, далеко не все адаптируется софтом. Также и последние темы WordPress для корпоративных порталов уже содержат блоки с автоматическим определением и приданием цифровым комбинациям статуса кликабельного номера телефона. Но что делать тем, у кого рукописный сайт, другая CMS или шаблон Вордпресс, не поддерживающий адаптацию? Давайте разберемся.

Первый способ, как сделать ссылку на телефон на сайте

Открываем текстовый редактор и изменяем написание номера следующим образом: <a href=»tel:+7123456789″>+7(123)-456-78-9</a>

Или: <a href=»tel:+7 (123) 45 67 89″>Свяжитесь с нами</a> (текст может быть каким угодно).

То есть в атрибуте “href” должен быть указан параметр “tel” и номер телефона в нужном формате, либо побуждающая к действию фраза. Данная строка кода может размещаться в хедере, футере, виджетах, отдельных блоках страницы. Атрибут “tel” дает понять браузеру, что содержимое контейнера является ничем иным, как телефонным номером. Также, при необходимости можно использовать следующие параметры:

  • sms – послать смс сообщение;
  • fax – для отправки факса.

Данный способ решит проблему при использовании юзером мобильного браузера, однако при работе с десктопа ссылка при клике будет перезагружать страницу либо выводить ошибку, в зависимости от версии программы. Потому можно воспользоваться тегом “callto”, который перенаправит пользователя на установления соединения в Skype.

Выглядеть это будет следующим образом: <a href=»callto:+7 (123) 45 67 89″>Свяжитесь с нами</a>. Это позволит сделать активным телефон на сайте независимо от браузера и устройства юзера.

Второй способ сделать телефон кликабельным

Данный метод подразумевает работу на информационной странице какого-либо движка. Мы возьмем в качестве примера Joomla.

В текстовом редакторе CMS выделяем текст с номером или любым другим текстом, под которым будет скрываться линк, далее жмем на кнопку “Вставить ссылку” (link.desc), находящуюся на панели инструментов. Прописываем в соответствующих полях нужные нам данные. В поле URL пишем тег “tel:” и сам номер, начинающийся со знака “+”. Сохраняем. Вуаля.

Способ третий

Если вы используете популярную систему управления контентом WordPress, то можете применить плагин, позволяющий сделать кликабельный номер телефона на сайте. Встречайте — CallPhone’r. Этот модуль выводится на каждой странице портала иконку, при нажатии на которую мобильное устройство переходит в режим вызова. Настройки очень простые, представлены на скриншоте ниже.


Также имеется возможность настройки по времени отображения иконки. Это позволит не получать звонки от клиентов в нерабочее время.

Выводы

Таким образом, мы можем настроить кликабельный номер телефона на сайте и увеличить отклик лидов если не в разы, то на порядок больше, нежели это было при обычном написании. Вполне может быть, что в ближайшем будущем производители софта и ПО для смартфонов все же договорятся о применении общих параметров и инструментов для распознавания телефонных комбинаций, пока же приходится помогать мобильным устройствам.

Согласно статистике Яндекс.Вебмастер, кликабельный номер телефона скажется на таких показателях, как время посещения пользователя на сайте, глубина просмотра и увеличение количества продаж или заявок. Используйте любой из указанных, подходящих вашему порталу способов и монетизируйте лидов с большей отдачей.

Как сделать ссылку на телефон HTML?

Приветствую вас, дорогие друзья на сайте Impuls-Web!

На сегодняшний день, ввиду того, что количество пользователей, которые используют для просмотра сайтов мобильные устройства, постоянно растет, стало очень популярным размещение на страницах сайта кликабельных ссылок на телефонные номера.

Ссылка на телефон HTML дает возможность посетителю сайта, в случае, если его заинтересовало ваше предложение, сразу же позвонить по данному номеру и сделать заказ на приобретение товара или услуги.

Протокол HTML5 для ссылок на телефон

Для того чтобы сделать ваш телефонный номер кликабельным его необходимо обернуть в тег <a>…</a> и в атрибуте href указать протокол tel и через двоеточие указать номер без пробелов и дефисов:

<a href=»tel:0955414642″>095-541-46-42</a>

<a href=»tel:0955414642″>095-541-46-42</a>

Теперь клик по данной ссылке на телефон HTML будет восприниматься любым браузером на любом мобильном устройстве как команда к набору данного номера.

Решение проблемы с определением ссылки на телефон HTML на ПК

Показанную выше запись удобно использовать чтобы принимать заявки от посетителей с мобильных устройств. Но дело в том, что оформленная в таком виде ссылка на телефон HTML будет вызывать неудобство у тех пользователей, которые зашли на ваш сайт с компьютера. При клике по такой ссылке на ПК, в зависимости от браузера, будет выпадать ошибка, либо будет открываться для набора номера Skype или какая-то другая программа. Вряд ли кто-то из пользователей захочет позвонить вам на телефонный номер по Skype и такая функция, скорее всего, отпугнет клиента.

Для решения данной проблемы есть очень интересный скрипт. Но его использование немного затруднит добавление ссылки на телефон HTML.

  1. 1.На странице там, где вам нужно разместить телефонный номер, вставляем пустой блок с уникальным идентификатором. В моем случае phone-link:

    <div></div>

    <div></div>

  2. 2.Открываем страницу для редактирования в NotePad++ или его аналоге и перед закрытием тега </body> вставляем скрипт:

    <script> if( /BlackBerry|iPhone|iPod|iPad|Android|IEMobile|webOS|Opera Mini/i.test(navigator.userAgent) ) { document.getElementById(«phone-link»).innerHTML = ‘<span><a href=»tel:0955414642 «>(095)541-46-42</a></span>’; } else { document.getElementById(«phone-link»).innerHTML = ‘<span>(095)-541-46-42</span> ‘; } </script>

    <script>

    if( /BlackBerry|iPhone|iPod|iPad|Android|IEMobile|webOS|Opera Mini/i.test(navigator.userAgent) ) {

      document.getElementById(«phone-link»).innerHTML = ‘<span><a href=»tel:0955414642 «>(095)541-46-42</a></span>’;

    } else {

      document.getElementById(«phone-link»).innerHTML = ‘<span>(095)-541-46-42</span> ‘;

    }

    </script>

    Данный скрипт проверяет, с какого устройства открыта станица вашего сайта и автоматически подставляет нужный вариант телефонного номера. Если пользователь просматривает страницу с мобильного телефона, то будет подставлена ссылка на телефон HTML. Если же пользователь открыл страницу с ПК, то будет подставлен телефон обернутый в тег <span>.

В случае если у вас сайт сделан на CMS, то вам нужно открыть для редактирования файл, в котором закрывается тег

Как скопировать видео из Ютуба на компьютер бесплатно

В браузерной версии сайта также имеется кнопка «Поделиться», находится под полем воспроизведения, в правой части.

Нажав на нее, можно отправить файл в виде сообщения кому-либо из списка контактов с Google-аккаунтом, а также в виде ссылки в сообщении в таких соцсетях, как Одноклассники, Вконтакте, Twitter или Facebook; отправить письмом на электронный адрес или скопировать ссылку для буфера обмена.

Также с 2018 года реализована новая возможность отправлять ролики в специальном чате. Значок в виде стрелочки появился возле панели настроек и аватара. Кликните на него и вызовите окно чата. В него вы можете пригласить друзей, имеющий Google-аккаунт, создавать индивидуальные или групповые чаты, делиться видеороликами и обсуждать их.


С этим читают