AddThis. Меняем плагин на код.

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

Почему я выбрала сервис соц. сетей AddThis? Нажимая кнопку «+», вы или ваш гость может отправить сообщение в 345 социальных закладок. О многих из них мы даже не слышали! И количество сетей растет постоянно. Я несколько месяцев назад смотрела эту статистику, социальных кнопок было 330. А сегодня их уже 345. Недавно появилась сеть «В контакте».

Красивый внешний вид кнопок привлекает внимание. Их легко настроить по вашему желанию. Посетители одним щелчком могут напечатать страницу, добавить её в закладки, отправить сообщение на e-mail.

Но, самое главное преимущество AddThis – возможность вести статистику «лайков» и  предусмотрена интеграция с Google Analytics. Данные выводятся в личный кабинет клиентов AddThis. Чтобы исключить малейшую возможность утечки личных данных, не рекомендуется ставить кнопки на страницах с конфиденциальной информацией, страницах ввода паролей. Я думаю, вообще не найдется желающих размещать что-либо на таких страницах. Тем не менее, так написано в правилах AddThis.

Наша задача получить верный код и поместить его в шаблон своего сайта

Наберите в адресной строке addthis.com.

Зарегистрируйтесь, если у вас нет учетной записи на этом сервисе или войдите в свой аккаунт.

Клиентам присваивается уникальный ID, который пропишется в коде кнопок. Он выглядит так – ra566433….. Нажимаем на вкладку  «Получить код»

Открывается страница настроек. Выбираете место расположения ваших кнопок. Если это сайт, отмечаем первый чек бокс.

Настраиваем внешний вид и размер. Я выбрала вертикально расположенную ленту.

Если не нравятся кнопки, предложенные по умолчанию, не волнуйтесь. Мы все исправим и настроим. В нижнем окне прописывается код с вашим ID. При нажатии на синюю большую кнопку происходит копирование в буфер обмена. Откройте код в Notepad или в Блокноте для редактирования.  Займемся самым интересным – выбором кнопок социальных сетей. Для того, чтобы их добавить, нужно получить сервис- коды. Прокручиваем страницу вниз и выбираем пункт Service Directory.

Открывается Каталог сервисов.

 Здесь можно посмотреть много интересной информации. Обратите внимание на цифру 345. Столько кнопок нам никогда не поставить на свой веб-сайт. А благодаря AddThis связаться можно с любой сетью. Нажимаем на вкладку «Все услуги»Опускаемся в самый низ и выбираем неприметную ссылку «Просмотреть все сервис-коды»

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

.

Обратите внимание на коды facebook_like и facebook. Сеть одна, но кнопка будет отличаться. Нужна простая синяя, выбирайте facebook. В другом виде добавляется «язычок» лайка.

Открываем Notepad, и начинаем редактировать скопированный код.

 Найдите запись, которая у меня выделена в квадрат. Это коды кнопок, которые можно менять. Последнюю, пятую, не трогайте. Это кнопка «+». Именно она связывает наш ресурс с  соц. сетями. А эти четыре поменяем. Можно сделать больше. У меня, например, их 9 штук.

В строчке  заменяем слово preferred_1 на facebook. Меняем окончание на сервис-код выбранной сети. Строчка примет видПо такому принципу переделываем другие строчки. Эта часть моего кода выглядит так. Найдите такую строчку. На размер кнопок указывают эти цифры /1/. Вы можете увеличить или уменьшить значки. Расстояние от края веб-страницы указано в пикселях/2/. Подставляете нужные значения. Левая часть страницы – left. Правая часть страницы – right./3/ Я выбираю место в правой части сайта. Мой код выглядит так.Кому не нужна статистика Google Analytics, на этом можно остановиться. Поместите код AddThis в шаблон блога, и любуйтесь результатом.

                                                                                        
С терпеливыми продолжаем «колдовать» над кодом.
Следующий этап – объединение блока AddThis с сервисом Google Analytics.
Идем на сайт Гугл Аналитик.
 Регистрируемся или заходим в свой кабинет. Добавьте свой сайт в сервис Google.. Каждому ресурсу присваивается идентификатор отслеживания UD.
Копируем его в Блокнот. Он нам еще пригодится. Если у вас несколько веб-сайтов, не перепутайте UD.

Открываем Блокнот с нашим кодом.
Строчку заменяем кодом аналитики Гугл с идентификатором отслеживания нужного сайта UD.Скопируйте этот код

<script type="text/javascript">
var addthis_config = {
data_ga_property: 'UA-ХХХХХХХХ-Х',
data_ga_social: true
};
</script>

и в выделенное место вставьте свой идентификатор. Вот и вся работа в редакторе. Мой код выглядит так. Осталось последнее действие. Копируем код и размещаем в редакторе своего блога. У меня в шаблоне Уивер II есть специальное окно для вставки кода. Посмотрите, как устроены ваши шаблоны.
Итак. Еще одним плагином меньше, функциональность блога улучшилась. Внешний вид тоже.

 

Метки: , . Закладка Постоянная ссылка.

10 комментариев: AddThis. Меняем плагин на код.

  1. Вера Мартыненко пишет:

    Наталья, я давно мечтала о таких кнопках! Столько всего перерыла, и ничего не легло на мой шаблон. Спасибо, что дали ещё один вариант и очень подробно всё объяснили 🙂
    Единственное, чего не хватает, это инструкций по вставке в код для тех, у кого не стоит шаблон подобный Вашему.
    Нам нужна вкладка Внешний вид => Редактор и такм открываем правку Хедера. Лучше вставлять код после открывающего тега
    И ещё вопрос: Когда мы выбираем место расположения наших кнопок, Вы сказали выбрать чекбокс A Website. А там рядышком есть чекбокс WordPress. Он для сайтов на WP не лучше?

  2. Наталья Смирнова пишет:

    Верочка, спасибо за важное дополнение. Если выбрать чекбокс WordPress, то это,как раз, установка через плагин. Заходите в WordPress.org, и выбираете через библиотеку плагинов.

  3. Елена Олейникова пишет:

    У меня пока pluso стоят, но вы так классно все расписали, что появилось желание поменять кнопочки 🙂

  4. Наталья Смирнова пишет:

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

  5. Катерина пишет:

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

  6. Наталья Смирнова пишет:

    Катерина, спасибо за отзыв. Мне нравится AddThis. Плагин тоже нравился, но размещение кодом — это «супер»! Хочется, чтобы больше людей им пользовались. Я пока глюков у этого сервиса не замечала.

  7. Людмила пишет:

    У многих вижу этот код, очень приятный внешний вид, да и функции обширные.Я правда в свое время установила код от Share42 его так же можно настраивать на нужные соц сети и располагать вертикально и горизонтально.

  8. Наталья Смирнова пишет:

    Зайду к Вам посмотреть на кнопки от Share42. Что-то не припомню, как они выглядят. А к этим я привыкла уже.

  9. Виктор пишет:

    Здравствуйте, Наталья!

    Я установил AddThis на Мазилу. Вроде бы всё работает, но не понятно, как отправлять сообщения «одним кликом» на все соц. сети. Помогите, разобраться, если не трудно.

  10. Наталья Смирнова пишет:

    Здравствуйте, Виктор! Чтобы отправить сообщение одним кликом в несколько сетей ОДНОВРЕМЕННО, нужно зайти в аккаунт одной из них и проделать работу по привязке аккаунта другой сети. Например, связать между собой «Фейсбук», «Твиттер» и «В контакте». Тогда, отправляя сообщение в «Твиттер», Вы одним кликом отправляете его и в остальные сети. Такую работу невозможно проделать с кнопками AddThis и с другими похожими сервисами. Только из аккаунта соцмальной сети.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *