Posts Tagged ‘ JavaScript

Скробблим ВКонтакте

March 17, 09 by TracKer

vkontakte-scrobbler-lastfm
Как уже многие знают, Last.FM – это огромная социальная сеть позволяющая найти людей с музыкальным вкусом похожим на ваш и общаться с ними. Также там можно найти для себя новые стили, исполнителей или композиции в зависимости от того что вы слушаете (система сама найдет и предложит их вам).

Так как интернет развивается все больше музыки мы слушаем оттуда, а не с локальных машин. Лично я часто слушаю музыку из ВКонтакте. Помимо огромного колличества глюков и недоработок в системе безопастности там расположен один из самых больших музыкальных архивов в постсоветском пространстве, однако руки администрации до сих пор не дошли написать продвинутую систему проигрывания музыки с поддержкой Last.FM и без велосипедов.

На днях пытаясь решить проблему с проигрыванием и скробблингом (так называется процесс сохранения статистики на Last.FM) из браузера я наткнулся на давольно интересную разработку для Greasemonkey. Это ВКонтакте Scrobbler.

Суть проста, вы входите в аккаунт на Last.FM и ВКонтакте, далее нужно обратить внимание на индикатор в левом вертикальном меню (Моя Страница, Мои Настройки…) если он серый на него нужно нажать, если синий – все ок.

vkontakte-lastfm-turn-onВсе, и начинеаете слушать музыку. :) При этом скробблинг происходит при проигрывании половины композиции, если была нажата пауза то это тоже учитывается (время будет приостановлено).

vkontakte-audio

Во время прослушивания на Last.FM написано какая сейчас играет композиция.

lastfm-audio

Однако тут тоже не без глюков, не все композиции у меня учлись, но это можно списать на состояние проекта – Alpha версия. Плагин также загружает информацию об испольнителе и выводит в правой панели когда вы находитесь на странице “vkontakte.ru/audio.php?*” – непонимаю для чего она, но наверно кому-то нужна.

Плагин работает и под Greasemonkey в Firefox, и в Opera.

Скачать и сразу проинсталировать можно па этой ссылке:
http://nichtverstehen.de/vkontakte-scrobbler/vkontakte-scrobbler.user.js

Woopra – система сбора статистики посещений

March 07, 09 by TracKer

Долгое время я пользовался одной очень удобной системой статистики BBClone. Удобность заключалась в том, что все посешения записывались как сессии в порядке очереди, и можно было просмотреть откуда пришел посетитель, по каким страницам ходил, сколько на них пробыл… Однако, при наличии WordPress скрыть BBClone было весьма сложно (при попытке установить пароль на его папку вылазила 500-я ошибка), из-за чего не чистые на душу спамеры спамили статистику реферер-смамом.

И вот недавно в поисках альтернативы я наткнулся на статью Дмитрия Донченко про Woopra и решил попробовать. Регистрация открыта, инвайты не требуются. Добавил сайт – апрува ждал 4 дня. После этого нужно скачать программу для просмотра статистики (можно и не качать) и плагин для WordPress, с помощью которого можно выделять отдельных посетителей/коментаторов (они помечаются так называемыми тегами).

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

Woopra

Также порадовала отлична функция Live, с подробной информацией о текущих посетителях сайта. Плагин для WordPress, позволяет отследить отдельных пользователей, коментаторов, администраторов, показывая их ники и мыло. Даже действия администратора можно отслеживать, давольно интересная фича при расследовании взлома например (придумывайте хорошие пароли).

Woopra Live

Система обладает также некоторыми аналитическими функциями, в которы я еще не разобрался.

Конечно точность отслеживания ограничивается наличием (включенным) у посетителей JavaScript, например оисковую систему отследить не удастся, так они не выполняют код JS. Однако по функционалу давольно мощная система, которая, по крайней мере, мне заменила маленький, но удаленький BBClone.

Относительно же вопроса, что лучше Google Analytics или Woopra, помоему он тут не совсем уместен. Это всеравно что сравнивать Танк и Легковой автомобиль. Google Analytics помоему больше направлен на универсальный более промышленный формат, в то время как Woopra делает больший акцент на небольшие сайты типа блогов. Каждый из них хорош для своего сегмента.

Постовой: Открылся новый форум для вебмастеров. Есть хорошая подборка шаблонов для WordPress.

Облегчаем жизнь с помощью PHP.JS

January 15, 09 by TracKer

Часто работая над созданием различных интернет-проектов программист сталкивается с необходимостью написания какого-то кода на JavaScript. Однако при этом легко можно столкнуться с проблемой нехватки функций. :) Например мне недавно нужно было сгенерировать MD5 на стороне клиента, пришлось бы искать альтернативу, если бы я не знал о PHP.JS. Когда-то прочитав о нем, пользуюсь и по сей день. С тех пор количество функций увеличилось до 263 и продолжает увеличиваться. Еще один плюс, что не обязательно использовать файл который предоставляется в проекте целиком, необходимые функции можно вынести и тем самым облегчить работу Браузера клиента.

Сайт проекта: http://phpjs.org

Список функций: http://phpjs.org/functions/index

Блог разработки: http://kevin.vanzonneveld.net/techblog/article/phpjs_licensing/

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

Приводим внешние ссылки в человеческий вид

November 15, 07 by TracKer

Сейчас на разных сайтах часто можно заметить ссылки на внешние ресурсы через какой-то внутренний скрипт, например такие: http://tracker2k.kiev.ua/redirect.php?http://google.com

Причины делать такие ссылки у каждого свои: кто-то продает место под ссылки в sape.ru или еще где-то и экономит внешние ссылки, кто-то не хочет, чтобы их индексировали роботы, кто-то считает переходы. В моем случае ссылки продаются в sape.ru :) и, честно говоря, меня не устраивал их внешний вид в браузере, и я решил это дело исправить и написал простенький скрипт на JavaScript с использованием jQuery и вставил его в header.php (шаблон верхней части страницы в WordPress’е).

Сам код выглядит так:

<script TYPE="text/javascript">   
$(document).ready(function(){   
  $("a").each(function(i){  
    var remove_str = 'http://tracker2k.kiev.ua/redirect.php?';  
    var str = this.href.substring(0, remove_str.length);  
    if (str == remove_str) {  
      this.href = this.href.substring(remove_str.length);  
    }  
  });  
});   
</script>

Работает это так: как только страница загрузилась мы ищем все ссылки на странице которые начинаются с remove_str, после чего удаляем из них remove_str. И все :)

В итоге получаем, уменьшение количества внешних ссылок за счет использования вашего внутреннего скрипта и человеческий вид ссылок в браузере за счет моего скрипта :)

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

Чтобы использовать у себя, в remove_str нужно указать с чего начинается ссылка, этот текст впоследствии будет из нее удален. Остальное можно оставить как есть и использовать. Код вставляется в тело HTML, то есть сразу после тега BODY.

Единственный замеченный минус – код не всегда до конца выполняется в Internet Explorer’е.

Возможно Арсений Фёдоров заинтересуется :)