Коды, виджеты, формы, Колбэк

Код отслеживания

<script>$(document).ready(function(){$("a[href^='tel:']").attr("onclick", "fbq('track', 'Lead'); gtag('event', 'send',{'event_category': 'phone','event_action': 'click'}); ym(********, 'reachGoal', 'phone-click'); return true;");$("a[href^=' https://api.whatsapp.com/send']").attr("onclick", "fbq('track', 'Lead'); gtag('event', 'send',{'event_category': 'whatsapp','event_action': 'click'}); ym(********, 'reachGoal', 'whatsapp-click'); return true;");$("a[href^=' https://wa.me/']").attr("onclick", "fbq('track', 'Lead'); gtag('event', 'send',{'event_category': 'whatsapp','event_action': 'click'}); ym(********, 'reachGoal', 'whatsapp-click'); return true;");$("form").attr("onsubmit", "fbq('track', 'Lead'); gtag('event', 'send',{'event_category': 'form','event_action': 'send'}); ym(********, 'reachGoal', 'form-send'); return true;");});</script>

Виджет WhatsApp

<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous"><style>.call, .whatsapp{display: none;position: fixed;bottom: 20px;width: 75px;height: 60px;text-align: center;padding: 10px 0 5px;font-size: 20px;background: #199c68;margin: 15px auto;border-radius: 50%;z-index: 9999999999;}.call{right: 20px;}.whatsapp{left: 20px;}.call i, .whatsapp i{font-size: 50px; color: #fff; line-height: 55px;}@media screen and (max-width: 768px){.call, .whatsapp{display: block!important;}}</style><div class="call"><a href="tel:*******"><i class="fa fa-phone" aria-hidden="true"></i></a></div><div class="whatsapp"><a href="https://api.whatsapp.com/send?phone=*******"><i class="fa fa-whatsapp" aria-hidden="true"></i></a></div>

CallBack

#rec238571186

Футер (alias block)

#rec238571186

<script src="https://cdn.jsdelivr.net/npm/sweetalert2@10"></script> <script src="https://cdn.jsdelivr.net/npm/jquery.maskedinput@1.4.1/src/jquery.maskedinput.js" type="text/javascript"></script> <div class="widget-callback"> <div class="callback-button"> <span class="callback-button-title">Вам перезвонить?</span> <span class="callback-button-phone"></span> </div><div class="callback-form"> <form id="calbback-widget-form"> <span class="callback-form-title">Оставьте свой номер телефона и мы Вам перезвоним</span> <input type="tel" name="user_phone" id="phone_mask" placeholder="Телефон" required > <script>$("#phone_mask").mask("+7 (999) 999-99-99"); </script> <input type="submit" value="Отправить"> </form> </div></div><script>$(document).ready(function (){jQuery("#calbback-widget-form").submit(function (){var formID=jQuery(this).attr('id'); var formNm=jQuery('#' + formID); jQuery.ajax({type: "POST", url: 'telegram.php', data: formNm.serialize(), success: function (data){jQuery(formNm).reset; Swal.fire({title: 'Спасибо!', text: 'Ожидайте звонка в течении 15 минут!', icon: 'success', confirmButtonText: 'Супер!'})}, error: function (jqXHR, text, error){jQuery(formNm).html(error);}}); return false;}); jQuery('body').on('click', '.callback-button-phone', function (e){e.preventDefault(); jQuery('.widget-callback').toggleClass('widget-callback-form-open');});}); </script> <style> @media (max-width: 676px) {.widget-callback { display: none;}}.swal2-title{font-family: Gilroy;}.swal2-title{font-family: Gilroy;}.swal2-styled.swal2-confirm{font-weight: bold; font-family: Gilroy; background}[class^=swal2]{font-family: Gilroy;}.widget-callback{z-index:9999;position:fixed;bottom:20px;right:20px;font-family: sans-serif; font-size: 14px;}.widget-callback>div{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}.widget-callback input{outline: none !important}.widget-callback .callback-button{position: absolute; right: 60px; bottom: 30px;}.widget-callback .callback-button-title{position: absolute; left: -150px; top: 16px; background: rgba(41, 41, 41, 0.75); color: #fff; padding: 6px 10px; border-radius: 3px;}.widget-callback.widget-callback-form-open .callback-button-title{display: none;}.widget-callback .callback-button-title:before{content: ''; position: absolute; width: 0; height: 0; border: solid transparent; border-width: 6px; top: 50%; right: -12px; transform: translateY(-50%); border-left-color: rgba(41, 41, 41, 0.75);}.widget-callback .callback-button-phone{width: 60px; height: 60px; display: block; background: #199c68; border-radius: 50%; position: relative; cursor: pointer; animation: 1200ms ease 0s normal none 1 running shake; animation-iteration-count: infinite; -webkit-animation: 1200ms ease 0s normal none 1 running shake; -webkit-animation-iteration-count: infinite;}.widget-callback.widget-callback-form-open .callback-button-phone{animation: unset; -webkit-animation: unset; background: #ddd;}.widget-callback .callback-button-phone:before{content: ''; background: url(https://dev.up-lite.ru/widget/call.svg); background-size: contain; position: absolute; display: block; width: 24px; height: 24px; left: 50%; top: 50%; margin: -12px 0 0 -12px; transform: scale(1); -webkit-transition: all 0.2s linear; transition: all 0.2s linear;}.widget-callback .callback-button-phone:after{content: ''; background: url(https://dev.up-lite.ru/widget/cancel.svg); background-size: contain; position: absolute; display: block; width: 24px; height: 24px; left: 50%; top: 50%; margin: -12px 0 0 -12px; transform: scale(0); -webkit-transition: all 0.2s linear; transition: all 0.2s linear;}.widget-callback.widget-callback-form-open .callback-button-phone:before{content: ''; transform: scale(0);}.widget-callback.widget-callback-form-open .callback-button-phone:after{content: ''; transform: scale(1);}.widget-callback .callback-form{display: none; background: #fff; border: 1px solid #f9f9f9; width: 240px; border-radius: 5px; padding: 30px 15px; right: 60px; bottom: 110px; position: absolute; box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.08);}.widget-callback.widget-callback-form-open .callback-form{display: block; animation: formcbwg-in 0.1s ease;}@keyframes formcbwg-in{0%{transform: translateY(15%);}100%{transform: translateY(0%);}}@keyframes formcbwg-out{0%{transform: translateY(0%);}100%{transform: translateY(15%);}}.widget-callback .callback-form-title{text-align: center; display: block; margin: 0 0 30px; font-size: 20px; font-weight: bold; font-family: Gilroy;}.widget-callback input{width: 100%; box-sizing: border-box; padding: 15px; margin: 0 0 10px; border: 1px solid #ebebeb; border-radius: 3px; font-size: 16px; font-family: Gilroy;}.widget-callback input[type="submit"]{background: #199c68; color: #fff; font-size: 14px; border: none; cursor: pointer; font-weight: bold; font-family: Gilroy;}.widget-callback .success-send{text-align: center;}.widget-callback .success-send img{width: 60px; margin: 0 0 20px;}@media (max-width: 600px){.widget-callback .callback-button{right: 30px; bottom: 30px;}.widget-callback .callback-form{width: 80%; right: 10%; box-sizing: border-box;}}@keyframes shake{0%{transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -webkit-transform: rotateZ(0deg);}10%{transform: rotateZ(-30deg); -ms-transform: rotateZ(-30deg); -webkit-transform: rotateZ(-30deg);}20%{transform: rotateZ(15deg); -ms-transform: rotateZ(15deg); -webkit-transform: rotateZ(15deg);}30%{transform: rotateZ(-10deg); -ms-transform: rotateZ(-10deg); -webkit-transform: rotateZ(-10deg);}40%{transform: rotateZ(7.5deg); -ms-transform: rotateZ(7.5deg); -webkit-transform: rotateZ(7.5deg);}50%{transform: rotateZ(-6deg); -ms-transform: rotateZ(-6deg); -webkit-transform: rotateZ(-6deg);}60%{transform: rotateZ(5deg); -ms-transform: rotateZ(5deg); -webkit-transform: rotateZ(5deg);}70%{transform: rotateZ(-4.28571deg); -ms-transform: rotateZ(-4.28571deg); -webkit-transform: rotateZ(-4.28571deg);}80%{transform: rotateZ(3.75deg); -ms-transform: rotateZ(3.75deg); -webkit-transform: rotateZ(3.75deg);}90%{transform: rotateZ(-3.33333deg); -ms-transform: rotateZ(-3.33333deg); -webkit-transform: rotateZ(-3.33333deg);}100%{transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -webkit-transform: rotateZ(0deg);}}@-webkit-keyframes shake{0%{transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -webkit-transform: rotateZ(0deg);}10%{transform: rotateZ(-30deg); -ms-transform: rotateZ(-30deg); -webkit-transform: rotateZ(-30deg);}20%{transform: rotateZ(15deg); -ms-transform: rotateZ(15deg); -webkit-transform: rotateZ(15deg);}30%{transform: rotateZ(-10deg); -ms-transform: rotateZ(-10deg); -webkit-transform: rotateZ(-10deg);}40%{transform: rotateZ(7.5deg); -ms-transform: rotateZ(7.5deg); -webkit-transform: rotateZ(7.5deg);}50%{transform: rotateZ(-6deg); -ms-transform: rotateZ(-6deg); -webkit-transform: rotateZ(-6deg);}60%{transform: rotateZ(5deg); -ms-transform: rotateZ(5deg); -webkit-transform: rotateZ(5deg);}70%{transform: rotateZ(-4.28571deg); -ms-transform: rotateZ(-4.28571deg); -webkit-transform: rotateZ(-4.28571deg);}80%{transform: rotateZ(3.75deg); -ms-transform: rotateZ(3.75deg); -webkit-transform: rotateZ(3.75deg);}90%{transform: rotateZ(-3.33333deg); -ms-transform: rotateZ(-3.33333deg); -webkit-transform: rotateZ(-3.33333deg);}100%{transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -webkit-transform: rotateZ(0deg);}}</style>

Форма

<form action="telegram.php" method="POST" style="width: 100%;"> <input type="text" id="" name="user_name" value placeholder="Имя" style="padding: 0px; margin: 6px 0; border: 1px solid #939393; border-radius: 5px; font-size: 15px; width: 100%; height: 40px; font-family: Gilroy; font-weight: bold; text-indent: 10px;"> <input type="phone" class="phone_mask" id="phone_maskk" name="user_phone" value placeholder="Телефон" style="padding: 0px; margin: 6px 0; border: 1px solid #939393; border-radius: 5px; font-size: 15px; width: 100%; height: 40px; font-family: Gilroy; font-weight: bold; text-indent: 10px;"> <script>$("#phone_maskk").mask("+7 (999) 999-99-99"); </script> <button type="submit" value="Отправить" style="padding: 0px; width: 100%; color: #fff; background: #199c68; border-radius: 5px; border: none; height: 50px; font-weight: bold; font-family: Gilroy; margin: 6px 0;">Отправить</button></form>

Скачать файлы

Редирект на HTTPS

RewriteEngine On
RewriteCond %{HTTPS} =off
RewriteRule (.*) https://%{HTTP_HOST}%{REQUEST_URI} [QSA,L]

Подмена номера

var url_string = window.location.href
var url = new URL(url_string);
var utm = url.searchParams.get("utm_city");
if(utm != null){
if(utm == 'shymkent'){
$("a[href^='tel:']").text('8(775)067-37-79');
$("a[href^='tel:']").attr("href", "tel:87750673779");
$("a[href^=' https://api.whatsapp.com/send']").attr("href", "https://api.whatsapp.com/send?phone=77750673779"); } } });