Новая фишка: кнопка Pin It! Сервисы готовых открыток. Как удалить ссылки из старого стандартного шаблона Blogger
Предоставляем вам всю необходимую информацию о сети Pinterest и пошаговую инструкцию, чтобы вы могли добавить кнопку Pin it на сайт без особых хлопот.
Что такое Pinterest и «пиннинг»Pinterest – это своего рода виртуальная доска, на которую вы можете «вешать» понравившиеся вам изображения и делиться ими с другими пользователями. Коллекции изображений можно объединять по темам в своего рода интерактивные альбомы (которые здесь называются «досками»). При этом вы можете не только делиться отдельными изображениями в Facebook или Twitter, но и давать ссылки на ваши коллекции. Пополнять коллекцию пинов очень просто, используя кнопку «Pin it», которая добавляется в панель браузера при регистрации. Этот сервис особенно важен для небольших компаний, которым сложно конкурировать в поисковой выдаче или контекстной рекламе. Здесь можно размещать каталоги товаров, фотографии предметов ручной работы, портфолио, дизайны сайтов и многое другое.
Пиннинг стал не просто популярным, но и невероятно эффективным способом привести органический трафик на сайт. Эта новая функция обеспечит вам увеличение органического трафика и поможет подогреть интерес к вашему сайту и бизнесу. Если вы предлагаете какую-то продукцию, эта функция может привести к увеличению продаж. Если ваш сайт носит информативный характер – Pinterest поможет расширить охват аудитории и привлечь новый трафик. Сомневаетесь, стоит ли добавить ее? Конечно же, стоит! К счастью, это очень просто сделать, и мы расскажем, как.
Как добавить кнопку «Pin it» на мой сайт?В первую очередь, добавляем кнопку на сайт:
В левой панели редактора нажмите на знак «+», чтобы появилась вкладка Добавить.
В Добавить выберите Соц. сети.
Выберите кнопку «Pinterest Pin It » и добавьте ее на подходящее место на сайте.
Переходим к настройкам:
Дважды кликните на кнопку «Pin It»
В настройках кнопки, которые появятся слева, нажмите Выбрать изображение .
В галерее изображений выберите подходящую фотографию и нажмите Заменить фото (это то изображение, которое появится в Pinterest после того, как пользователи нажмут на кнопку «Pin It»)
В настройках кнопки «Pin It» под кнопкой «Выбрать изображение» добавьте описание изображения (это описание появится в Pinterest после того, как пользователи нажмут на кнопку «Pin It»)
А сейчас главное! Как установить кнопку Pin It на картинку, чтобы при наведении мышкой появлялся значок "P", позволяющий вашим читателям в любой момент опубликовать вашу фотографию в Pinterest, таким образом показав ее своим друзьям.
Пошаговая инструкция
1. Открываем Шаблон -> Изменить HTML
2. С помощью Ctrl+F ищем тег
3. Перед ним вставляем код
//
// This Pinterest Hover Button is brought to you by bloggersentral.com.
// Visit http://www.bloggersentral.com/2012/11/pinterest-pin-it-button-on-image-hover.html for details.
// Feel free to use and share, but please keep this notice intact.
Все!
После этого на каждой картинке нашего блога, при наведении мышкой на фото, будет появляться такая кнопочка. Она будет появляться у всех наших читателей!
Если нам, по какой-то причине, не нужна кнопка "Pin It" на картинке, то ее можно просто убрать написав к тегу
Выглядеть в режиме HTML это должно примерно так:
Еще можно поменять положение кружочка "P" на фото. Например, нам хочется видеть его в центре изображения. Не проблема!
В скрипте просто меняем var bs_pinButtonPos = "topright"; на var bs_pinButtonPos = "center";
Возможные значения этого параметра: center, topleft , topright , bottomleft , bottomright.
Итак, мы установили кнопку. Теперь посмотрим, что она нам дает.
Когда мы нажимаем на кнопку "Р", то видим такое вот окошечко.
UPD 2
Теперь можно не устанавливать отдельно кнопку в блог. Ее можно целиком встроить в браузер! Как это сделать читайте .
Но если вы хотите, чтобы пользователи любых браузеров могли приколоть пин с вашей страницы, то установить можно и этим способом.
Наши действия
1. Что такое Пинтерест. Коротко
2. Первый пример кода и установка
3. Второй пример установки
4. Установка с помощью плагина
1. Пинтерест - это социальная сеть, которая позволяет пользователям добавлять свои фотографии и загружать их в определенные коллекции и делиться ими между пользователями сервиса. Загруженные на ресурс изображения называются — pin, а коллекции, к которым они относятся/прикрепляются - досками.
2. Все, что нам нужно сделать, это просто добавить предоставленный код кнопки пинтерест, показанный ниже. Где можно поставить кнопку для отображения на веб-странице? Естественно, лучше установить код в конце статьи, в файле single.php «Отдельная статья». Так будет удобнее для читателей блога, чтобы они спокойно смогли делиться картинками. В моем случае код был помещен в файл comments.php «Комментарии».
Теперь нужно отредактировать код. В ссылках прописываем свои пути к файлам: изображения и pinmarklet.js. Данные файлы можно скачать с Я ндекс.Диск . Файл pinmarklet необходимо закачать на хостинг, путь http://Наш блог.ru/wp-content/themes/тема блога/js/pinmarklet.js. А картинку в http://Наш блог.ru/wp-content/ваша папка на картинки/фото.png. Вот и всё, наша кнопка Pinterest готова.
3. Для второго способа воспользуемся сервисом Pinterest. Первый код устанавливаем в подвал нашего сайта footer.php перед
Второй код в то место, где будет стоять кнопка
В данном варианте настройки кода заданы по умолчания.
Посмотрите видео — Как установить код на сайт