Отслеживание источников оффлайн-рекламы на сайте

      Комментарии к записи Отслеживание источников оффлайн-рекламы на сайте отключены

Источники трафика не всегда ограничиваются онлайн-рекламой и поиском. Есть интернет-проекты, для которых актуальна оффлайн-реклама: радои, зомбоящик телевизор, биг борды и пр. Проблема отслеживания такого трафика заключается в том, что система веб-аналитики по умолчанию будет считать его прямыми заходами. Ведь у посетителя, пришедшего из оффлайна, нет даже реферера. Выход есть! Классическое решение задачи отслеживания эффективности оффлайн-рекламы решается следующим образом: Регистрируется новый домен, который будет использоваться только в оффлайн рекламе. При этом важно, чтобы домен был максимально коротким и легко запоминался. Например, для отслеживания оффлайн-рекламы блога интернет-маркетолога можно зарегать домен типа imarketingblog.ru. Настраивается 301 редирект с любой страницы этого домена на нужную страницу Вашего сайта с использованием UTM-меток. Например: https://internet-marketolog.com/radio/?utm_source=Radio&utm_medium=Offline&utm_campaign=Radio-Internet-Marketing utm_source — источник рекламы (в нашем случае — это радио) utm_medium — тип трафика (оффлайн) utm_campaign — рекламная кампания (тут можно указать, какой ролик Вы запустили или какой продукт Вы рекламируете и то, что Вы ещё захотите отследить) Наслаждаемся статистикой в отчёте Google Analytics в разделе “Источники трафика”: Современные… Читать далее »

UTM-метки: детальное отслеживание рекламного трафика

      Комментарии к записи UTM-метки: детальное отслеживание рекламного трафика отключены
UTM-метки

Зачем нужны UTM-метки? UTM-метки помогают получить более детальную информацию об источниках тарфика. С их помощью можно: Отследить практически любой оплачиваемый источник трафика Сегментировать трафик по типу (оплата за клик / медийная реклама) Оценить эффективность каждой рекламной кампании Как использовать UTM-метки на практике? UTM-переменные можно использовать для того, чтобы отследить: Эффективность контекстных рекламных кампаний Эффективность медийной рекламы Эффективность оффлайн рекламы Переходы из скачанных документов (прайсы, брошюры, каталоги, …) Переходы из сообщений Email-рассылки Как это работает? В URL страницы, которую Вы рекламируете, нужно добавить информацию об источнике перехода. Рассмотрим простой случай. Допустим, Ваше рекламное объявление в Яндекс.Директе ссылается на страницу: https://www.domain.ru/advertise-page/ Тогда адрес этой же страницы с расширенной информацией будет выглядеть так: https://www.domain.ru/advertise-page/?utm_source=Yandex-Direct&utm_medium=CPC&utm_campaign=Yandex-Direct-Prazdnichnyj-tarif&utm_term={keyword} Таким способом мы предали Google Analytics 4 параметра (4 UTM метки): utm_source, utm_medium, utm_campaign, utm_term. Что означают эти UTM метки? UTM-метка Значение Пример utm_source Рекламная система Yandex-Direct Google-Adwords Begun Vkontakte utm_medium Тип трафика CPC (объявления) CPM (баннеры) utm_campaign Обозначение… Читать далее »

Разборка и чистка ноутбука Hp g62 от пыли

      Комментарии к записи Разборка и чистка ноутбука Hp g62 от пыли отключены
Разборка и чистка ноутбука HP g62

Другие модификации HP G62: 120ER, 450ER, a05ER, a10ER, a14ER, a15ER, a16ER, a20ER, a25SR, a30ER, a35ER, a40ER, a50ER, a52SR, a54SR, a55ER, a60ER, a65SR, a70ER, a75ER, a80ER, a82ER, a83ER, a84ER, b11er, b12er, b13ER, b14ER, b15ER, b16ER, b17ER, b18ER, b19ER, b20ER, b21ER, b22ER, b23ER, b24ER, b25ER, b26ER, b27ER, b50SR, b51SR, b52SR, b53SR, b70SR, b71SR, b72SR, b73ER, b73SR, b74SR, b75SR Внешний вид перед разборкой:     Внимание! Нередко самостоятельная разборка приводит к серьезным поломкам, поэтому если на каком то этапе данной инструкции вы почувствуете сомнения — обращайтесь к нам за чисткой ноутбука от пыли. Вынимаем аккумулятор, передвинув защелку в положение открыть, затем откручиваем все винты снизу. Зеленым цветом обозначены длинные винты, красным — средние, желтым короткие. На рисунке обозначены: 1) wi-fi; 2) батарейка bios; 3) оперативная память; 4) жесткий диск. Снятие оперативной памяти происходит за счет отсоединения боковых креплений и вынимания под некоторым углом из гнезда материнской платы. Для дальнейшей разборки hp g62 демонтируем… Читать далее »

Оптимизация jQuery.animate

      Комментарии к записи Оптимизация jQuery.animate отключены

Задача Анимировать несколько объектов одновременно. К примеру нужно переместить несколько объектов, а по окончанию движения изменить им цвет. Для этого используем jQuery.animate. Решение фиговое Javascript 1 $(«#kv2»).animate({left: 550, width: 100},1000); 2 $(«#kv3»).animate({top: 450, width: 100},1000); 3 $(«#kv4»).animate({left: 550, top: 450, width: 100},1000); 4      5 setTimeout(function() {$(«div»).css(«background»,»green»);}, 1001); Проблема данного кода заключается в том, что каждый animate запускает свой таймер со своими перерисовками экрана. Чтобы число перерисовок сократить используем один animate и его функцию step. Функция step будет выполняться на каждом шаге анимации. Дополнительно воспользуемся функцией complete, которая сработает один раз по завершению анимации: Javascript 01 $(«#kv2»).animate( 02         { 03             /* 04                 на значение данного параметра будут опираться вычисления для остальных объектов и свойств. 05                 выбираем с которым проще работать и меньше математических действий 06             */ 07             left: 550 08         }, 09         { 10             duration: 1000, 11             step: function(now, fx) 12             { 13                 $(«#kv2»).css({«width»: 50+(now-250)/6+»px»}); // вычисляем ширину данного блока… Читать далее »

Как дождаться окончания анимации в jQuery

      Комментарии к записи Как дождаться окончания анимации в jQuery отключены

В этой статейке, я покажу как можно быстро и просто заблокировать действия до завершения анимации, вызванной с помощью jQuery aminate() Очень часто бывает жизненно необходимо дождаться завершения анимации, случаи бывают разные — каруселька, галерея и многое другое. Раньше я изобретал «велосипед» — добавлял всевозможные таймеры, блокировал страницу, и тд. Но сегодня полистав документацию jQuery, я наткнулся на интересную возможность функции animate(). Оказывается, помимо параметров анимации и скорости, эта функция может вызывать действия по завершению анимации. Используя новые знания, я быстро набросал пример, который показывает, как можно заблокировать повторное выполнение анимации, пока не закончится старая. Ниже приведен подробно прокомментированный код: $(document).ready(function(){       // создаем действия при клике на кнопку     var animateTest = function() {         var widthElement = parseInt($(this).width());         var heightElement = parseInt($(this).height());         var stepZoom = 50;         var speedAnimate = 1000;         // перед запуском анимации снимаем все действия с кнопки         // чтобы пользователь не мог сделать повторные клики         $(this).unbind(‘click’);         // запуск анимации         $(this).animate(… Читать далее »

Как добавить сайт в поисковики (добавить url в поисковики) Яндекс, Google, Rambler, Yahoo, Bing?

      Комментарии к записи Как добавить сайт в поисковики (добавить url в поисковики) Яндекс, Google, Rambler, Yahoo, Bing? отключены
добавить сайт в поисковики

После того, как вы создали свой сайт, блог и наполнили его контентом, необходимо сделать так, чтобы о вашем сайте узнали, для этого понадобится добавить сайт в поисковики. Ведь по статистике большая часть всех посетителей приходят именно через ссылку из поисковиков. Хотя, со временем поисковики сами могут проиндексировать ваш сайт и сами добавят в свой поиск. Но всеже добавить сайт в поисковики самому нужно для гарантии индексирования. Конечно, есть и другие методы того, чтобы поисковики обратили внимание на ваш сайт. К примеру можно добавить сайт в социальную сеть, или, используя сервисы, такие как: Ответы Майл, Ответы Гугл написать ответ на вопрос и вставить туда ссылку на свой сайт. Или же можно добавить сайт на каком-либо форуме, указав ссылку на свой ресурс, а потом активно давать ответы на форумах, оставляя ссылку на свой сайт или в подписи аккаунта. Есть мнение, что такой метод (когда не вы добавляете сайт, а поисковик сам вас находит) предпочтительней…. Читать далее »

Конфликт версий Jquery

      Комментарии к записи Конфликт версий Jquery отключены

Сегодня при верстке нового сайта  столкнулся с проблемой. На сайте присутствует как карусель так и сладйер. А проблема возникла в том что для карусели используется jquery плагин работающий только с версией jquery 1.6, и чуток выше, а на слайдере используется версия jquery 1.9. Соответственно если подключить только старую библиотеку, то не работает слайдер сайта, а с новой не работает карусель. Первый шаг это поиск альтернативного плагина, но тут мои поиски окончились ничем, ничего подобного к сожалению не нашел.  При поиске плагина нашел много интересных, красивые движения, «превьюшки» и еще куча мелочей. По сути мой способ решить конфликт между разными версиями jquery не изобретая велосипед, многие о нем знают, но например использовали не совсем для подобной задачи. Собственно речь идет про jQuery.noConflict(), который я думаю многие использовали как минимум при работе с jquery и mootools, здесь же конфликт возникает из-за того что обе библиотеки используют знак $. У меня же просто jquery… Читать далее »

Что такое API

      Комментарии к записи Что такое API отключены

Рано или поздно любой программист сталкивается с таким понятием как API. Однако, когда такая встреча происходит, не все знают, что это такое, зачем оно нужно и как его использовать. И в этой статье я собираюсь восполнить этот пробел в знаниях некоторых из Вас, а также приведу пример из своей практики. API (application programming interface) — это интерфейс прикладного программирования. Если говорить более простым языком, то это набор различных функций, констант, классов, форматов запросов, которые можно использовать в других программах. Можно считать, что API — это некий объект, реализацию которого мы не знаем, однако, можем его использовать. Например, компьютер — объект, реализацию которого знают очень мало людей, однако, использовать его могут почти все, совершая какие-то действия: просмотр видео, сёрфинг по Интернету, печать текста и прочее. Как это всё работает — мало, кто знает, а вот делать это могут чуть ли не все. Примером API является Windows API, OpenGL API, Direct3D API… Читать далее »

Как создать свой API на сайте

      Комментарии к записи Как создать свой API на сайте отключены

Не так давно один из моих посетителей мне задал вопрос по e-mail: «Как создать свой API на сайте?«. Я решил, что это будет весьма полезно другим пользователям, тем более, что на кажущуюся сложность процесса, всё очень и очень просто. Необходимо лишь обладать самыми элементарными знаниями PHP. Если Вы вдруг не понимаете, о чём идёт речь, то прочитайте сначала статью: что такое API. Идём дальше. Давайте разберём, а для каких сайтов нужен вообще API: Социальные сети (Facebook и другие). Здесь требуется API для получения информации о различных данных пользователя: его друзьях, личных сообщениях и прочей информации. Почтовые сервисы (например, mail.ru). В первую очередь, для получения писем. Иногда для отправки. Различные сервисы для создания Интернет-магазинов. Например, получить список новых заказов или список всех товаров в заданной категории. И много-много других сайтов. Первое, что необходимо усвоить — это то, что API нужен далеко не каждому сайту (даже если он принадлежит одной из вышеуказанных… Читать далее »

Как запретить скачивание изображений с сайта?

      Комментарии к записи Как запретить скачивание изображений с сайта? отключены

Скажу сразу — 100% защиты нет, но Можно максимально Усложнить жизнь тем, кто ворует или использует url изображений. Вот несколько способов защиты: 1) При помощи Java Script. При помощи JS блокируем возможность вызова правой кнопкой мыши на изображении меню с Сохранить изображение. Как вариант против неопытных пользователей подходит. <img src=»image.jpg» oncontextmenu=»return false;» /> 2) Состоит в том, чтобы спрятать изображение и отобразить его в качестве background (фона) через стили. Его опять же можно скачать, но только просмотрев CSS-запись, а после введя соответствующий url в строку ввода адреса. Это уже существенно усложнит жизнь тем, кто скачивает Ваши изображения! Код CSS. Создаём класс со скрытым изображением .background {background: url(‘img.jpg’) no-repeat; width: 150px; height: 150px;} и код HTML. Вставляем в соответствующее дял изображение место. <div class=»background»></div> <!— скрытое изображение —> Можно стили сразу в div прописать <div style=»background: url(‘img.jpg’) no-repeat; width: 150px; height: 150px;»></div> 3) Данный способ защитит от того, что url Вашего изображения используют на другом сайте, то есть прописывают адрес изображения Вашего сайта, а отображается оно у них. Такое явление называется —хотлинком. Как результат,… Читать далее »