Как настроить add this

AddThis Tools

Learn more about the website marketing tools we offer and how they can help you achieve your goals.

Share Buttons

Make your content easily shareable with just one click. Connect to 200+ global social media platforms, including Facebook, Twitter, Pinterest, WhatsApp, WeChat, Kakao, and more.

• Increase Website Traffic
• Generate Brand Awareness
• Demonstrate Social Proof

List Building

Grow your email list and subscribers with our List Building tool. Integrate seamlessly with top email marketing platforms like MailChimp, HubSpot, Campaign Monitor, and more.

• Build Your Email Lists
• Increase Sales Value
• Reduce Cart Abandonment
• Generate Leads

Tip Jar

Give your supporters another way to donate and support your cause with our Tip Jar tool! Connect to major online payment platforms you trust, like PayPal, Venmo, and more.

• Raise Money for Your Cause
• Monetize Your Web Traffic

Follow Buttons

Build your audience one fan at a time with our Follow Buttons. Make it simple for your visitors to follow you on 65+ social networks, including Facebook, Instagram, Snapchat, and more.

• Increase Audience Engagement
• Boost Brand Awareness
• Build Your Online Community

Link Promotion

Drive sales and direct traffic to specific content you want to feature on your website. Showcase new blogs, discounts, web alerts, and more using the Link Promotion tool!

• Boost Traffic to New Content
• Reduce Cart Abandonment
• Increase Sales
• Reduce Bounce Rate

Related Posts

Keep your visitors engaged and reduce your bounce rate. Recommend relevant content to keep your readers on your site longer with our Related Posts tool!

• Reduce Bounce Rate
• Boost Audience Engagement
• Promote New Content

Easy and Free to Install

It only takes a few minutes to install our tools. The best part? They’re free. No paid plans, no contracts, no hidden fees—ever.

Источник

Паруса Интернет – бизнеса

Все о заработке и бизнесе в Интернете, создании и продвижении сайтов, блогов, создании видео и презентаций

AddThis – кнопки социальных сетей для продвижения сайта

Статья и видеоурок научат ставить на сайт кнопки социальных сетей AddThis и смотреть результаты работы в аналитике сервиса AddThis.com для продвижения сайта.

Как добавить кнопки социальных сетей

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

Для продвижения сайта предназначены замечательные кнопки социальных сетей.

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

Было рассказано об установке Яндекс кнопки социальных сетей “Поделиться” и возможности просмотра отчета по её работе в сервисе Яндекс Метрика.

Кнопки социальных сетей и закладок AddThis

Есть ещё одна замечательная кнопка, о которой пойдёт речь в данной статье – AddThis. Это даже не кнопка, а сервис AddThis.com, который включает в себя работу более, чем с 300 социальными сетями и закладками.

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

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

Красивые кнопки социальных сетей AddThis очень удобные и простые в установке и использовании, оказывают помощь в продвижении сайта, предусматривают сбор статистики и просмотр аналитики Google Analytics.

Рассмотрим подробнее где получить код AddThis, как установить его на сайт, как сделать видимыми желаемые иконки соцсетей и закладок, и как посмотреть результаты работы AddThis в аналитике.

Как установить кнопки социальных сетей AddThis

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

Для удобства размещения кода на сайте рекомендую воспользоваться плагинами Header and Footer или Post Layout, либо внедрить код непосредственно в файлы WordPress.

Функциональность кнопок AddThis предусматривает сбор статистики и передачу данных в раздел аналитики сервиса AddThis и при желании в Google Analytics. Эти функции закладываются в код кнопок AddThis. Сформируем этот код.

Код социальных кнопок AddThis

Для получения кода социальных кнопок AddThis выполняем следующую последовательность действий:

1. Регистрация в Google Analytics для получения ID Вашего сайта.

Если Вам достаточно аналитики сервиса AddThis и Вы не хотите, чтобы статистика работы кнопок AddThis передавалась и накапливалась в Google Analytics – пропустите пункт 1 и пункт 5. В обратном случае выполняем следующую последовательность действий для получения ID Вашего сайта.

Заходим на страницу google.com/analytics/

Если здесь ещё не зарегистрированы нажимаете “Sign Up Now” и регистрируетесь. Если уже зарегистрированы нажимаете: “Доступ к Google Analytics”.

В своём аккаунте увидите ID Вашего сайта, который в дальнейшем будем вставлять в код кнопки AddThis:

2. Регистрация в AddThis для получения кода кнопок AddThis.

Для регистрации в сервисе AddThis.com заходите на страницу addthis.com , нажимаете “Создать учетную запись”, либо входите в учетную запись, если уже зарегистрированы:

После регистрации Вашим кнопкам AddThis присваивается уникальный ID, который в дальнейшем по умолчанию сформируется в коде кнопок.

3. Получение кода социальных кнопок AddThis.

Для получения кода кнопок AddThis нажимаем “Получить код” и попадаем на такую страницу:

Выбираем для чего будет использоваться кнопка (сайт, WordPress, Blogger, Jomla и т.п.) и её стиль. Если будете использовать для сайта – отмечайте чекбокс “Сайт”.

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

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

После выбора параметров кнопки полученный код копируем в программу “Блокнот”, где будем в него вносить изменения. Код имеет примерно такой вид:

В Вашем коде вместо “ZZZZZZZZZZZZZZZZ” будет ID кнопок AddThis, присвоеный после регистрации в этом сервисе.

4. Добавление и удаление иконок в коде кнопок AddThis. Получение кода иконок социальных сетей и закладок.

Этот пункт выполнять только, если хотите заменить или добавить другие иконки социальных сетей и закладок в визуальный вид кнопок AddThis. Если хотите оставить вид кнопок такой как есть – переходите к пункту 5.

Для добавления иконок социальных сетей и закладок копируем строку:

и заменяем в ней “preferred_4″ на сервисный код иконки, которую будем добавлять.

Сервисные коды иконок можно найти и скопировать на странице addthis.com/services/list :

Здесь первый столбец – наименования социальных сетей и закладок, а второй столбец – сервисный код для вставки в наш основной код.

Для удаления иконок из кнопки удаляем строку описания этой социальной сети или закладки.

Например, добавим иконки кнопок Google+ (сервисный код “google_plusone_share”), Twitter (сервисный код кнопки “twitter”), Одноклассники (сервисный код кнопки “odnoklassniki_ru”), Facebook (сервисный код кнопки “facebook”) и удалим все четыре стандартные иконки. После этого наш код кнопок AddThis будет выглядеть так:

В нашем коде мы оставили иконку со знаком “+”, с помощью которой появляется выпадающее меню для работы с остальными социальными сетями и закладками.

5. Интеграция кода кнопок AddThis с Google Analytics.

Если Вы не выполняли пункт 1 для получения ID сайта и передачи статистики в Google Analytics, пропустите этот пункт.

Для интеграции кода кнопок AddThis с Google Analytics, необходимо в код кнопок внедрить код Вашего сайта, который получили в пункте 1.

Заменяем в коде кнопок AddThis строку кода:

Здесь вместо UA-ХХХХХХХХ-Х необходимо вписать код сайта, полученный в пункте 1.

6. Изменение размера кнопок AddThis.

Для увеличения размера иконок в коде кнопок AddThis заменяем строку:

7. Изменение положения кнопок AddThis с горизонтального на вертикальное.

Для изменения положения кнопок AddThis с горизонтального на вертикальное, необходимо в коде заменить строку:

Эта кнопка будет расположена вертикально слева (left), с отступами 0 пикселей слева и 250 пикселей сверху. Эти параметры можно изменять. Для расположения кнопки вертикально справа вместо left пишем right.

8. Окончательные коды кнопок AddThis.

Такой вид имеет скорректированный нами код кнопок AddThis с горизонтальным расположением маленьких иконок, интегрированный с Google Analytics и с кодом Вашего сайта.

Код кнопок AddThis с горизонтальным расположением маленьких иконок, не интегрированный с Google Analytics и с кодом Вашего сайта.

Код кнопок AddThis с вертикальным расположением больших иконок, интегрированный с Google Analytics и с кодом Вашего сайта.

Код кнопок AddThis с вертикальным расположением больших иконок, не интегрированный с Google Analytics и с кодом Вашего сайта.

Не забудьте в этих кодах вместо параметра: “UA-ХХХХХХХХ-Х” вписать ID Вашего сайта, а вместо “ZZZZZZZZZZZZZZZZ” вписать ID Ваших кнопок AddThis После этого код готов для размещения на сайте.

9. Размещение кода на сайте.

Код на сайте размещаем в том месте, где будут расположены кнопки AddThis.

Для размещения кода на сайт рекомендую воспользоваться плагинами Header and Footer или Post Layout, либо внедрить код непосредственно в файлы WordPress.

Более подробно о размещении кода на сайте с помощью плагина Header and Footer показанно в видеоуроке в конце статьи.

10. Просмотр аналитики сервиса AddThis.

Посмотреть аналитику работы кнопки AddThis можно на странице addthis.com , нажав на пункт меню: “Аналитика”.

Вашему вниманию предоставится аналитика взаимосвязи сайта с социальными сетями и закладками:

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

Для улучшения качества просмотра видеоролика нажмите на значок “1” в правом нижнем углу, который появится при наведении мышкой.

При желании можно увеличить размер видео на весь экран, нажав на значок “2”.

Если моя статья и видеоурок показались Вам полезными – поделитесь ими в социальных сетях и закладках. Напишите в комментариях к статье: легко ли Вам удалось установить кнопки AddThis или возникли трудности.

Источник