Автокликер для сайта. JavaScript,; месть Робин Гуда

Автокликер для сайта. JavaScript, — месть Робин Гуда.

Перед тем как стать программистом, — полез я во все тяжкие. По заработкам онлайн, — за просмотр рекламы, клики, капчи, и прочей не адекват. 10 рублей за день это было уже круто. И вот во время изучения JavaScript я пришел к теме, — события, эмуляция клика(custom event js click). И естественно первое что я сделал пошел писать автокликер для сайта.

Конечно же тех у кого я пытался заработать тогда уже не было. Пришлось искать новых пациентов.

Настраиваем переменную Click URL в GTM

Встроенная переменная Click URL

Заходим в Google Tag Manager, в левом меню переходим в раздел Variables (Переменные). Тут будет список всех переменных, которые доступны. Если в списке Click URL нет, нажимаем Configure (Настроить) и в выезжающем меню проставляем галочку возле Click URL. После этого она появится в списке и мы сможем её использовать в Триггерах и Тегах, об этом далее.

Мы разбираем отслеживание кликов по ссылкам, поэтому и используем Click URL. Эта переменная предназначена только для кликов по ссылкам. Для отслеживания нажатий на другие элементы можно использовать Click Classes/ID/Text. Это актуально, если надо отслеживать нажатия по кнопкам — они обычно сверстаны через тег button и ссылками не являются.

Рассмотрим 3 утилиты, способные добиться 1000 кликов в 1 секунду. Упомянем об их особенностях и правилах надстройки. Перед использованием необходимо учесть:

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

SpeedAutoClicker

Утилита с минималистичным интерфейсом с настройками:

• смены кнопки для старта/остановки нажатий;
• возможности назначить число нажатий, после которого ПО прекратит работать;
• определения левой, средней или правой кнопки мыши для воссоздания кликов;
• фиксированного или «плавающего» режима работы — последний совершает нажатие в месте, где находится курсор;
• выбора программ/игр, где будут срабатывать тапы — сразу отключите «Enable every app», чтобы нажатия не срабатывали на рабочем столе;
• определения частоты кликов — по умолчанию установлено 200 в секунду, значение поддается изменению или отключению любых лимитов.

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

AutoClicker

Вторым названием софта является OP Auto Clicker. Интерфейсом он копирует GS Auto Clicker, это относится к:

• возможности выбрать временной интервал кликов — устанавливайте 1 миллисекунду для 1000 кликов;
• выбору клавиши мыши, одинарного или двойного нажатия;
• количества повторных кликов;
• смене клавиши активации.

К отличительным чертам относится выбор позиции курсора: тапы будут происходить в месте, куда тот указывает, или в точке, которую обозначил пользователь. Когда нужно совершить 2 и более нажатия в разных участках экрана, на помощь приходит вкладка «Record & Playback» — тапнув на запись, юзер обозначает участки кликов, а после повторяет их в указанной последовательности. Такое решение лучше подходит для онлайн-игр, позволяя замаскировать использование дополнительного софта при фарме ресурсов.

Из преимуществ: как и в случае со SpeedAutoClicker, OP Auto Clicker не нужно устанавливать — он готов к работе после запуска exe-файла.

Mouse Clicker

По набору функций повторяет предыдущее решение, но с рядом отличий:

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

Для пользователей, которым такое решение кажется неудобным, разработчики сохранили возможность установить временной интервал, переназначение клавиши для кликов (левой, средней правой) и количество одновременных тапов. Стандартно зону нажатия определяют по местонахождению курсора или устанавливают точку нажатия вручную. Записать последовательность кликов нельзя.

Программа распространяется бесплатно на период 30 дней. Затем софт придется приобрести или удалить его, зачистив данные в реестре, чтобы переустановить по новой.

На главной панели Метрики выбираем раздел «карты» и сервис предлагает несколько вариантов аналитики. Кликаем на любой.

Откроется окно, где можно выбрать вид отчета и настроить параметры для анализа сайта:

1. В правом верхнем углу (1) выбирает опцию взаимодействия с сайтом, чтобы открылось окно с настройками.
2. Выбираем период отображения данных (2).
3. Задаем сегменты аудитории (3), если создавали их раньше.
4. Выбираем вид визуализации отчета (4).
5. Вбиваем адрес сайта, на котором установлен счетчик Метрики с включенными опциями вебвизора и аналитики форм.

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

Как это реализовать на практике? Если вы видите на странице блога область с высокой кликабельностью, например, блок слева от заголовка. Как вариант поставьте там ссылку на тематическую услугу или товар, чтобы пользователь сразу перешел к целевому действию. Обычно возле СТА и офферов устанавливают формы лидогенерации или кнопки заказа консультации, звонка.

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

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

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

Если вы разбили ЦА на сегменты, например, по городам или каналам привлечения трафика, то карты покажут, куда чаще кликает конкретная аудитория.

Обзор автокликера Ai_assistant

1. Меню действий автокликера Ai_assistant. Выбрав одно из доступных действий оно записывается в список заданий (3).
2. Координаты текущего положения мыши, нужны для контроля положения мыши и корректировки координат клика.
3. Список заданий заполняется по мере выбора действий из меню. Удалять ненужные действия можно выбрав ненужную строку и нажав по кнопке «-» на клавиатуре.
4. Кнопки:
Очистить — удаляет все задания.
Сохранить — записывает список заданий на жесткий диск в файл worklist.lst, находящийся в корневой папке текущего пользователя (на windows C:Users»Имя пользователя»).
Помощь — отправит на youtube на обучающий ролик.
Запланировать — создает отложенное задание в планировщике Windows. После создания задачи, можно отредактировать её непосредственно из планировщика, и добавить, например, повтор через определенный промежуток времени (5 мин, 10 мин, 1ч и т.д.).

Примерный порядок ваших действий:
Задайте программе несколько задач, нажмите кнопку «сохранить», нажмите кнопку «запланировать» и укажите дату и время запуска. Отредактируйте в планировщике Windows повторение задачи по необходимости.

Пример из жизни: Открываю страницу вконтакте, перехожу на вкладку друзья, перемещаю мышь на кнопку пригласить друга, планирую одиночный клик. Сохраняю задание и записываю его в планировщик. Ставлю задачу в планировщике на повтор через каждую минуту. Через час программа пригласит 50 новых друзей без всяких вводов капчи.(Почему 50? Потому, что вконтакте это лимит 50 друзей в сутки 😉 )

Макросы и скрипты формируются на основе команд:

1. Мышь:
   • LDOWN (X,Y) – зажимает левую кнопку мыши.
   • LUP (X,Y) – отпускает левую кнопку мыши.
   • RDOWN (X,Y) – зажимаем правую кнопку мыши.
   • RUP (X,Y) – отпускаем правую кнопку мыши.
   • LCLICK (X,Y) – агрегат LDOWN и LUP.
   • RCLICK (X,Y) – агрегат RDOWN и RUP.
   • DBLCLICK (X,Y) – агрегат двух LCLICK, двойной щелчок ЛКМ.
   • MOVE (X,Y) – перемещает курсор в точку [x,y].

• KEYDOWN — зажимает клавишу клавиатуры.
• KEYUP — отпускает клавишу клавиатуры.
• KEYPRESS — агрегат KEYDOWN и KEYUP, нажимает клавишу.
• KEYSTRING — агрегат KEYPRESS, оптимизированный для печати строк.

• WAIT – ждать заданное количество секунд перед следующей командой.
• WAITMS – аналог предыдущей, но с миллисекундами.

• LOGSHOW – отобразить/скрыть окно лога.
• LOGWRITE — вывести в лог текст и переменную.
• LOGCLEAR — очистить окно лога.

• SETVAR — создание или обновление значения переменной.
• DELVAR — удаление или обнуление значения переменной.
• INC — наращивание значения переменной.

• SCREENSHOT — скриншот экрана.
• GETSCREEN — получение снимка.

Clickermann – это полезная программа, которая не только обладает широким набором интересных возможностей, но и сильно экономит время при работе на компьютере.

Преимущества

1. Не требует установки.
2. Распространяется бесплатно.
3. Можно скачать и использовать на ПК с предустановленной ОС Widows Vista и выше.
4. Не нужно включать обратную совместимость или запускать от имени администратора на Win 8 и 10.

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

Применяем jQuery

Если в проекте используется библиотека jQuery, то можно ещё упростить код. Рассмотрим два самых распространенных способа:

И ещё один вариант, который идентичен предыдущему.

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