Пишем свой модуль для DLE — подробная инструкция

Пишем свой модуль для DLE — подробная инструкция

В этой статье я постараюсь очень подробно разобрать процесс создания простого модуля для DLE с кешированием и собственными шаблонами. Сначала разберём модуль без шаблона, а после дополним его собственным шаблоном. Итогом статьи будет работоспособный модуль без админки, вызываемый в любом месте сайта через строку подключения.

Как установить счетчик Google Analytics

Прежде всего, надо зайти на сам сервис. Он располагается по этой ссылке. Здесь необходимо войти в свою учетную запись. Конечно, если у вас уже есть аккаунт в Google, то дополнительно регистрироваться нет нужды. Достоинство сервисов Google как раз в том, что все их можно использовать, имея лишь один аккаунт для почты Gmail.

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

Этап 1 – заполняем информацию

На первом этапе вам надо будет заполнить небольшую форму. В частности, вы должны как-то назвать аккаунт и сайт, для которого устанавливается счетчик. Эти названия могут быть произвольными, а вот url-адрес сайта указывайте без ошибок.

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

JavaScript. Быстрый старт

Изучите основы JavaScript на практическом примере по созданию веб-приложения

Все остальные галочки оставляем как есть. Все, теперь можно нажимать синюю кнопку для получения счетчика, также нужно принять соглашение с сервисом.

Этап 2 – получаем код и вставляем его

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

Кстати, если после регистрации нового счетчика вы не поставили себе код сразу, то позднее его можно найти в верхнем меню во вкладке “Администратор”. Там нажмите “Код отслеживания”. Это все, что вам необходимо выполнить, хотя кроме этого можно выполнить некоторые настройки, что повлияет на код.

Кстати, в wordpress вставить код очень просто, для этого даже необязательно соединяться с файлами через ftp или заходить в панель управления сервером. Редактировать нужный файл шаблона, в нашем случае footer.php, можно прямо из админки. Для этого нажмите Внешний вид – Редактор. И найдите нужный файл. В нем найдите закрывающий тег footer. Вот перед ним можно и поставить наш код, почему нет?

Что делать дальше

А дальше пойдите налейте себе чайку, что ли. В общем, подождите хотя бы пару часов, после чего зайдите в Google Analytics и можно будет смотреть на первые цифры.

Поначалу у вас будет все по нулям, как у меня в данном случае, потому что я установил счетчик буквально секунду назад. Подождите какое-то время, чтобы увидеть первые результаты.

Вот так вот мы узнали, как добавить счетчик google на сайт. Он также, как и метрика, идеален для аналитики и работу с этим сервисом вообще можно изучать очень долго. По сравнению с тем же liveinternet, ориентированным на простых пользователей, здесь намного больше возможностей.

К тому же установка счетчика от google позволит вам связать аналитику сайта с другими сервисами компании. Например, с Adsense. Это очень полезная связка. Что вы получаете от нее? Анализируя количество посещений и тематику вашего ресурса, Adsence сможет вам подсказать примерную прибыль от размещения рекламы. Для этого свяжите аккаунты и подождите буквально 1 день, пока сервис получит нужную информацию о трафике.

Кроме этого, связать аналитику можно с вашим аккаунтом в AdWords и Google Search Console. Последнее также полезно для веб-мастеров по заверениям самого Google. Управлять привязкой вы можете на вкладке “Администратор”.

JavaScript. Быстрый старт

Изучите основы JavaScript на практическом примере по созданию веб-приложения

Виджет криптовалют на сайте

Сегодня будем писать свой собственный виджет криптовалют. На выходе получится информер курса биткоин и эфириум. Данную инструкцию будет легко применить к любому сайту на PHP. Отдельно я обязательно покажу как внедрить этот виджет в WordPress.

Содержание

Binance API

Для создания нашего виджета криптовалют мы воспользуемся Binance API. Вы можете использовать любой другой API по аналогии с данным руководством. Я же остановился именно на Binance, так как меня интересуют котировки именно этой биржи. Ссылка на официальную документацию выше, вот только она полностью на английском языке.

Сегодня я буду использовать:

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

Это самый простой массив с ценой биткоин на сегодняшний момент. Можно вывести массив с ценами по всем монетам Binance: https://api.binance.com/api/v3/ticker/price

Также есть запросы на большее количество данных. Например, всё что происходило с парой BTCUSDT за 24 часа: https://api.binance.com/api/v1/ticker/24hr?symbol=BTCUSDT. Параметр symbol — как и в других примерах, передает значение определенной пары. В данном случае это: ?symbol=BTCUSDT. Если его в запросе не указывать, то получим ответ со всеми существующими парами Binance. Думаю пока всё понятно, да? Если что, внизу есть комментарии, не стесняемся спрашивать.

Немного теории PHP.

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

Переменные в php — своего рода контейнер, который может содержать в себе самые различные типы данных (цифры, текста, массивы и другое). В переменных мы храним данные для того, что бы в дальнейшем оперативно обращаться к информации, находящейся в них. Называются они так, потому что могут менять (данные можно записывать, изменять, удалять).

$bitcoin = «1 000 000 #187; — это переменная bitcoin и в ней один миллион долларов США!

file_get_сontents() — Функция PHP, которая используется для считывания файла в строку.

json_decode — Принимает закодированную в JSON строку и преобразует её в переменную PHP.

round — Математическая функция для округления числа до целого.

Собираем виджет криптовалют

Я думаю, что теории более чем достаточно и пора переходить к практике. Сейчас мы напишем код самого простого виджета криптовалют. И начнем мы с курса биткоина.

Как видите это довольно простой php код, а самое главное он уже работает. Как говорится вставляйте и пользуйтесь на здоровье. Вот только он будет вам показывать что-то типа этого: 33684.39000000$

Надо бы округлить до целого числа, помните да, функция round. Модернизируем наш код:

Вот теперь всё отлично! Можно использовать на сайте. Другие пары делаются по аналогии. Если вам интересно, можно продолжить эту тему и сделать что-то более сложное. Пишите в комментарии.

Виджет в функции WordPress

Для тех у кого WordPress не спешите расходится. Сейчас мы создадим специальную функцию, даже две. Одну для курса биткоина, вторую соответственно для эфириума. После чего мы сможем выводить эти функции в любом месте нашего блога. Для написания функций я использую свою дочернюю тему, файл functions.php

Итак, как создать свою функцию мы конечно знаем. Нет!? Тогда идем читать, тут я не буду заострять своё внимание на нюансах создания, а просто покажу готовый код.

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

Для вывода, в моём случае используется следующий код:

У себя на блоге я сделал простенький php виджет:

Динамический виджет на JavaScript

У себя на блоге я использую много автообновляемых данных в отдельных постах, чтобы вам было более понятно о чём идёт речь, вот вам горячий пример:

Курс эфириума на данный момент равен:

Выше вы видите цену эфириума, которая берется по JSON с помощью Javascript. Также есть более интересные примеры, где используется не только стоимость определенного актива, но и другие данные:

Добавим немного математики, а также счетчик дней:

Давайте представим, что мы купили Биткоин 22 декабря 2020 года на 1000$ по курсу 22 750$! Какую прибыль вы видите сейчас, во время чтения этого поста? Ведь прошло уже дн. И на вашем счету сегодня:

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

Дневник Джека Telegram канал моих торговых крипто идей! Если вы любите криптовалюты, то этот Telegram канал для вас. Только дельные советы, когда купить, что купить, какие монеты лучше. Полностью бесплатно

Криптопираты наш Telegram чат, все любители криптовалют добро пожаловать!

Donate на этой странице вы можете поддержать меня, отблагодарить и помочь развитию моих проектов

14 комментариев к “Виджет криптовалют на сайте”

привет,спасибо за виджет,но возникает проблема.к примеру XRP 0,4$ но из за функции round показыват только 0$,а если убрать round, то число очень длинное,это можно как то изменить?

Привет, конечно можно! Попробуй так:
$string .= round ($xrp[«price»], 1) . «#187;; или
$string .= round ($xrp[«price»], 2) . «#187;; или
$string .= round ($xrp[«price»], 3) . «#187;;

Спасибо,все заработало как надо.

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

Да, конечно это можно сделать! Либо использовать Ajax либо как вариант писать на Javascript — у меня на блоге это реализовано во многих местах. К примеру глянь тут: https://planworld.ru/ru/crypto/stoit-li-sejchas-pokupat-ethereum.html

Если интересно могу написать об этом пост

Да,интересует. У меня движок dle c WordPress не знаком

Напиши об этом Динамический виджет на JavaScript как показано выше,также хочу сделать у себя на сайте.

как убрать лишнии цифры в конце суммы чтобы было не так 38353.70000000 а так 38353.70

Срочно проверьте свои сайты на DLE

В очередной раз на мой сайт, с движком DLE, внедряют посторонний код и приходится его искать и вычищать. На этот раз кто-то решил продавать с моего сайта ссылки .

Заметил это совершенно случайно — просматривая страницы сайта, случайно увидел в футере ссылку на посторонний ресурс. Пощёлкав другие страницы сайта, я увидел, что ссылки размещены не на всех страницах.

Не известно сколько они уже провисели, но не думаю что больше недели. В индекс ПС еще не успели попасть, что очень здорово — хорошо что вовремя их заметил.

Исходный код

В исходном коде ссылка выводилась с околоссылочным тестом (всё по seo-феншую ), но ничего выделяющегося:

При этом, никаких посторонних скриптов в исходном коде не было. Единственная зацепка по которой можно было бы отследить откуда «растут корни» это то, что выводилась ссылка после класса: class=«footer».