Вернуться   SEO форум - оптимизация и продвижение сайтов > Web разработки > Программирование

Важная информация
Программирование - PHP, MySQL, JavaScript, CSS, HTML верстка и т.д.

Ответ
 
Опции темы Оценить тему Опции просмотра
Старый 14.09.2015, 23:21   #1
 
Аватар для jazbass
 
Сообщений: 526
FR (активность): 21,045

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

Всем бобра и наше Вам с кисточкой!

Оффтоп:
Коль скоро никто не хочет ехать на сходку кафехи, решил озадачиться чем-нить общественно полезным


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

Выглядит это примерно так:
Оффтоп:

http://u3876s8wh.hn3.justhost.ru/index.php

Но это пример, а настоящая кнопуля будет появляться только в браузерах мобильных устройств. Что важно.

Идея не нова, да и подтолкнул меня к реализации пост одного из seo-блогеров, однако и у этого блогера, и в других реализациях, кнопуля адекватно работала только с мобильными версиями сайта. А мы с вами знаем, что не все шаблоны содержат ее.
Поэтому и потребовалась реализация, когда независимо от версии сайта, кнопуля будет строго появляться у мобильных пользователей и не отвлекать глаз пользователей стационарных ПК.

Собственно, сама кнопуля:

html
Код:
<div>
<a href="tel:+71234567890" class="call" ><img src="call.png" alt="" /></a> </div>
css
Код:
a.call {
bottom: 10px;
display: block;
left: 45%;
position: fixed;
z-index: 10000;
}
a.call img {
width:150px;
height:150px;
-webkit-animation: heartbeat 1s infinite;
background: #88A8CC;
border: 3px solid #fff;
border-radius: 140px;
opacity: 0.9;
box-shadow: 0 0 2px 2px #e4e4e4;
}
 
@-webkit-keyframes heartbeat {
 
    92% { transform: scale(1, 1);}
    94% {  transform: scale(1.2, 1.2); }
    96% {  transform: scale(1, 1); }
    98% {  transform: scale(1.1, 1.1); }
    100% { transform: scale(1, 1);}
}
А вот реализация проверки устройства пользователя для последующего показа/скрытия кнопули:
php

Код:
<?php
function mobileDetect() {
    $mobile_agent_array = array('ipad', 'iphone', 'android', 'pocket', 'palm', 'windows ce', 'windowsce', 'cellphone', 'opera mobi', 'ipod', 'small', 'sharp', 'sonyericsson', 'symbian', 'opera mini', 'nokia', 'htc_', 'samsung', 'motorola', 'smartphone', 'blackberry', 'playstation portable', 'tablet browser');
    $agent = strtolower($_SERVER['HTTP_USER_AGENT']);   
    // var_dump($agent);exit;
    foreach ($mobile_agent_array as $value) {   
        if (strpos($agent, $value) !== false) return true;  
    }      
    return false;
}
?>

<?php if (mobileDetect()) { ?> <div><a href="tel:+71234567890" class="call" ><img src="call.png" alt="" /></a> </div> <?php } ?>
Знаю, что Америки я этой кнопулей не открыл, но вдруг кому пригодится?!
Igor и Rotgar Sett: сообщение полезно
jazbass вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
"Спасибо" от:
Alex LM (14.09.2015),  Detecd (15.09.2015), Finik (15.09.2015), Igor (14.09.2015),  MVS (28.03.2016)
Старый 15.09.2015, 11:49   #2
 
Аватар для Detecd
 
Сообщений: 809
FR (активность): 13,172

Доп. информация
По умолчанию

посмотри на OLX, там можно эту тему расширить...
Добавить в контакты, написать смс.
Мы такое реализовываем на проектах.


Возьму проект на продвижение. Бюджет от 1 000 USD (Google/Яндекс - рунет)
Detecd вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
"Спасибо" от:
jazbass (15.09.2015)
Ответ

Метки
кнопка звонка

Быстрый ответ
Ваше имя пользователя: Регистрация. Для входа нажмите здесь
Случайный вопрос

Сообщение:
Опции
Внимание!
Этой теме более 2572 дней. Вы можете оставить сообщение здесь. Но, обращаем внимание. Возможно, рациональней создать новую тему (найти свежее обсуждение)?


Опции темы
Опции просмотра Оценка этой теме
Оценка этой теме:

Ваши права в разделе
Вы не можете создавать новые темы
Вы можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Appcent - зарабатывай с помощью своих мобильных устройств Patriot2167 Объявления 3 27.10.2014 21:23
3100-3600 посещений в день. Тематика: логические игры (шахматы и т.д.). Цена для прямого рекламодателя? Alliar Как заработать? 6 25.02.2014 07:54
Форма обратного звонка для Джумла 1.6 krll2000 Joomla 0 07.12.2013 15:25
SMS-Notify - услуги директ-маркетинга (прямого маркетинга) getauft Объявления 0 31.07.2013 13:31
Refernet - бесплатная система не прямого обмена ссылками chitacity Ссылки 0 19.06.2009 12:32

Текущее время: 21:30. Часовой пояс GMT +3.