Sfera-perm.ru

Сфера Пермь
0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Drupal счетчик для кнопки

Как вставить счетчик на витрину интернет-магазина?

WebAsyst Shop-Script позволяет добавлять на витрину интернет-магазина счетчики посетителей, например, SpyLOG, HotLog, Mail.Ru, Яндекс.Метрика и другие. Перед добавлением счетчика необходимо зарегистрироваться в системе, предоставляющей счетчик. Получив HTML/JavaScript-код счетчика, вставьте его на витрину, перейдя в раздел «Дизайн -> Редактор дизайна», одним из следующих способов.

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

Вставка счетчика в режиме «Конструктор (WYSIWYG)»

  1. Откройте вкладку редактора «Основная разметка»
  2. Перейдите по ссылке «Произвольный HTML-код» в правой части окна редактора.
  3. В появившееся текстовое окно вставьте код счетчика, полученный после регистрации в системе. Нажмите «Добавить в шаблон».
  4. Появившийся блок с изображением счетчика переместите методом перетаскивания (drag-and-drop) в нужное место на странице. Как правило, счетчики размещаются в нижней части страницы.
  5. Нажмите на кнопку «Сохранить шаблон».

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

Вставка счетчика в режиме «Редактировать HTML-код»

  1. Откройте вкладку редактора «Основная разметка» в режиме редактирования HTML-кода.
  2. Добавьте в текстовое окно код счетчика, например, в самом конце.

Совет: если код счетчика содержит фигурные скобки < и >, необходимо добавлять его на страницу между тегами . , например, так:

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

Размещение счетчика в корзине и на страницах оформления заказа

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

  • published/SC/html/scripts/templates/frontend/checkout.frame.html
  • published/SC/html/scripts/templates/frontend/shopping_cart.html

Внимание: пользователям веб-сервисов WebAsyst доступ к исходному коду файлов не предоставляется. Таким пользователям для отслеживания статистики на указанных страницах следует либо переключить корзину на вариант «Как отдельную страницу магазина», либо приобрести скрипты приложения Shop-Script и внести изменения в файлы, как указано в этом разделе.

5 способов оптимизировать ваши кнопки (счетчики) социальных сетей

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

Читайте так же:
Энергосбыт схема подключения счетчика

К примеру, кнопка «Мне нравится» от Facebook состоит из скрипта для извлечения количества отметок для вашей страницы и, конечно же, HTML-разметки. Отрицательное влияние на производительность может быть очень существенным, если добавлять эту кнопку в каждую публикацию на вашем сайте.

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

Socialite представляет собой javascript-библиотеку, разработанную David Bushell . Она позволяет нам загружать только сами кнопки социальных сетей при воспроизведении определенного события (например, при наведении курсором мыши или при клике), что позволяет вашей странице загружаться быстрее.

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

* Доступно в формате плагина для WordPress
* Нет необходимости в jQuery и других библиотеках
* Загрузка самих кнопок социальных сетей по событию: hover, scroll, click
* Возможность редактировать внешний вид посредством CSS
* Поддержка многих социальных сетей, включая Facebook, Twitter, Google+, Linkedin, Pinterest, Spotify и Github. Возможность расширения и для других социальных сетей.

* Нет поддержки опрашивания на количество перепостов или отметок «мне нравится».

Sharrre представляет собой jQuery-плагин, который позволяет вам добавлять кнопки социальных сетей на страницы сайта. Он предлагается с набором API, которые позволяют вам использовать довольно глубокие настройки.

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

* Поддержка множества кнопок социальных сетей, включая Google+, Facebook, LinkedIn, Digg и так далее
* Полностью редактируемые кнопки (посредством CSS и опций плагина)
* Возможность извлекать количество перепостов, а также суммировать их
* Система мониторинга на базе Google Analytics
* Доступен в формате плагина для WordPress .

* Работа плагина зависит от jQuery
* А также от дополнительного PHP-скрипта (для опроса на количество перепостов в G+).

TNW Social Count представляет собой WordPress-плагин, который изначально был разработан для The Next Web для извлечения количества перепостов статей, и отображения результата как показано на приведенном скриншоте. К счастью, разработчики оказались довольно сообразительными, и выпустили этот плагин на бесплатной основе, несмотря на то, что некоторые свойства и отсутствуют.

Читайте так же:
Каким счетчиком можно заменить gallus 2000

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

* WordPress-плагин. Простой и легкий в использовании посредством GUI
* Поддержка 4 основных социальных сетей: Facebook, Twitter, Google+ и LinkedIn (возможно, кому-то этого будет недостаточно)
* Полная поддержка редактирования при помощи CSS
* Возможность автоматически извлекать количество перепостов, либо по запросу.

* Работает только с WordPress, и для работы с Joomla и Drupal вам придется немного покопаться в коде
* Создает дополнительные поля в базе данных. Если на вашем хостинге имеется ограничение по базе данных, то это может привести к соответствующим проблемам
* На момент написания публикации поддерживались только 4 основные социальные сети, упомянутые выше.

Social Count — это jQuery-плагин, разработанный Filament Group для отображения количества перепостов в Facebook, Twitter и Google+. Данный плагин эффективным образом распределяет нагрузку за счет индивидуальной подгрузки кнопок лишь по запросу пользователя. Благодаря этому, ваши страницы будут открываться и работать быстрее.

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

* Индивидуальная загрузка кнопок при наведении
* Очень маленький размер (всего 2.98кб)
* Поддержка touch-устройств

* Поддержка только Facebook, Twitter и Google+
* Работает за счет jQuery. Так что, несмотря на малый вес, вам также придется использовать и 93кб для jQuery.

Social Likes представляет собой jQuery-плагин для отображения кнопок социальных сетей вместе со счетчиком. Плагин предлагается вместе со стилями, очень похожими на оригинальные кнопки (показано на скриншоте).

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

* Стандартные стили кнопок, схожие с оригинальными
* Внешний вид настраивается посредством CSS и GUI
* Поддержка Pinterest и Livejournal
* Возможность расширения для дополнительных социальных сетей

* Как и в случае с Sharrre, плагин работает на jQuery и использует PHP для получения данных счетчика G+
* Количество отметок опрашивается при загрузке страницы.

Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Working with Cron and hook_cron in Drupal 7

Cron is a task scheduler on the server. It allows you to customize the execution of certain tasks at a specified frequency.

Cron performs tasks («cron jobs») that must be run regularly: clearing the cache, checking for updates and so on. But it can be used for one-time, but voluminous tasks. For example, to send a mailing list for 100 thousand letters. You can’t send them at once because mail systems can block you for spam so you can send emails in batches. For example 1000 emails per launch.

Читайте так же:
Счетчик сэт 4тм с gsm модемом

System cron vs Drupal’s cron

Drupal has his own сron. This is a php file that runs by default every three hours. How does Drupal understand that it needs to be launched and how it’s work? Drupal stores in the database the time of the last launch of his cron and if a visitor comes to the site after the specified time, Drupal will call hook_cron in all enabled modules.

The system cron is an operating system daemon that constantly runs and performs various tasks at specified intervals.

If you configure the system cron so that it calls cron.php (php file or Drupal’s cron), visitors will not see delays due to hook_cron triggering.

If you set up a launch once an hour, then after an hour, when you open any page of the site, cron will be launched. Cron will call hook_cron functions in all enabled modules.

System cron

To configure the system cron, open the /etc/crontab file (Debian / Ubuntu) and add the following line to it:

This record will run Drupal’s cron every 3 hours. A link to the launch of the cron on your website you will find on the page admin/reports/status.

For the changes to take effect, run in the console on the server:

Drupal’s cron

Try to write hook_cron is not heavy, so that the cron had worked for 30 seconds.

Different tasks may require different execution intervals: every three hours, once a day, once a week. You can configure this with the Ultimate Cron module. It will allow each task to specify its frequency of launch.

Consider this module. Download and enable it through Drush:

After that at admin/config/system/cron you can see see detailed information about all cron tasks (jobs):

In the Operations column you can configure the frequency of jobs. Simple — the traditional way, for example, «every 3 hours». Crontab is a complete cron setting in the system cron format. There you can specify for example the following frequency: 10 * / 2 * * 6.7. This record means that the cron will be called «at ten minutes of every second hour on Saturdays and Sundays.»

Well, the most interesting is the implementation of your own tasks for the cron.

Читайте так же:
Соединение штуцеров со счетчиком

Own task for the cron

Create your own module. File azimut7_cron.info:

We’ll release hook_cron with the simplest code. Let’s just add an entry to the system log.

Do not forget to enable the module:

Now you can run cron through admin panel. Go to admin/config/system/cron and click Run cron.

After that, in the Recent log messages at admin/reports/dblog you will see your entry (if it is not there — check if the Syslog module is enabled).

Designing and developing web projects with ♥ .

Социальные кнопки поделиться – пишем сами! Часть 2. Добавляем счетчик

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

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

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

Итак, давайте приступим и начнем, пожалуй, с самого JavaScript. Работа скрипта касательно счётчика делится на две части:

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

Для того чтобы реализовать первую часть логики скрипта, нам потребуется добавить метод init():

Теперь более подробно рассмотрим, как он работает. Этот метод является точкой входа/запуска скрипта, который принимает единственный параметр – это селектор поиска обёртки кнопок. Далее через jQuery метод ready() мы отслеживаем полную загрузку документа. Так как у нас на странице может быть несколько блоков поделиться, то через функцию each() для каждого элемента в наборе выполняем код, лежащий внутри функции. В объекте countApiUrls хранятся прямые ссылки для получения числа поделившихся. В pageUrl мы достаём и сохраняем адрес страницы, который указали в параметрах data-share-data. Завершая работу с методом init() мы вызываем метод getCountLikes(), где и реализуем получение самих чисел для счётчика:

Читайте так же:
Какие конденсаторы для счетчика

Метод getCountLikes() принимает 4 параметра:

  • box – обёртка для каждой из кнопок соцсети;
  • apiUrl – адрес API на которой происходит обращение;
  • pageUrl – адрес страницы, о которой мы хотим получить данные;
  • type – тип социальной сети.

Мы при помощи jQuery метода $.getJSON() обращаемся на сформированный url = apiUrl + pageUrl. В зависимости от соцсети получаем ответ (в основном это json) и обрабатываем его. Исключением является «Вконтакте», так как при запросе мы получаем отработку метода VK.Share(), что вызывает у нас на странице естественную ошибку, так как у нас нет объекта VK, но при помощи «нехитрого» костыля мы вытягиваем нужный нам результат.

Последние, что нам останется – это отрисовать числа на кнопках. Эту задачу мы решаем при помощи нового метода setCountLikes(). Эта функция принимает два параметра: определитель обертки и само число.

На этом реализация первой части закончена, что мы получили в итоге: после того, как загрузиться страница у каждой кнопки «Поделиться» появиться число, в зависимости от результата работы с API. Теперь нам останется закончить вторую часть, а именно при клике по кнопке увеличивать счётчик на единицу. Это реализуем в старом методе popup():

Мы добавили новый параметр box, ранее описанный, и внутри при помощи условного оператора if() увеличиваем счётчик, в зависимости от наличия числа ранее поделившихся. На этом сам скрипт завершён, конечно, нужно ещё обновить в методах twitter(), vk(), facebook() строчку:

Теперь, что касательно HTML разметки, выше мы рассмотрели метод init() и так как это точка входа/запуска скрипта, то её мы вызываем на странице после подключения файлов:

Ещё в кнопке стоит добавить span с классом icon:

Также несущественные изменения произошли и в CSS. Надеюсь, к прочтению этого абзаца вы уже скачали архив с примером, если нет, то скачивайте и пользуетесь — всё работает. Данное решение я сам использую в нескольких проектах и проблем не замечал.

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

голоса
Рейтинг статьи
Ссылка на основную публикацию
Adblock
detector