Как вставить контент из соц.сетей в статью

Всем привет! Здесь должно быть долгое и нудное вступление о том, как популярны сейчас социальные сети. Но боян тяжеловат, поэтому сразу к делу.

Наверняка у многих из вас есть аккаунт в Твиттере, Google+ или страничка на Фейсбуке. Возможно, иногда вам хочется процитировать на своем сайте какой-то интересный твит или запись со стены. Это можно сделать двумя способами:

  • Сделать скрин, вырезать в графическом редакторе нужную область страницы и использовать в статье картинку.
  • Получить html-код и просто вставить его любом месте статьи, точно также, как вставляете код видео с YouTube.

Первый способ самый популярный, второй — самый простой и более функциональный. Вы все еще используете Print Screen, чтобы показать читателям контент из социальной сети? Тогда мы идем к вам! :)

Где взять HTML-код

Twitter

Чтобы получить HTML-код твита, находим под ним ссылку «Ещё» и в выпадающем меню выбираем «разместить твит».

html-twitter
Копируем код, который появится во всплывающем окне и вставляем его в статью.

В итоге запись можно прокомментировать, добавить в избранное или ретвитнуть прямо на странице сайта. Да и выглядит такой блог весьма симатиШно. Смотрите сами. Кнопки работают, ссылки кликабельны.


Google+

Гугл тоже дает нам возможность поделиться записью, причем не важно своей или чужой. Чтобы получить код нужно найти галочку в правом верхнем углу заметки и выбрать в меню пункт «Встроить запись». Что делать дальше, вы уже знаете.

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

Facebook

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

Обратите внимание, галка появляется только когда вы наводите мышь на запись. В меню выбираем «Вставить публикацию», код открывается во всплывающем окне.
html-FB

Страницу для своего блога на Facebook я так и не завела, поэтому поделюсь с вами классной песней. Все работает замечательно, ролик проигрывается. Правда, при попытке прокомментировать или лайкнуть запись, открывается Фейсбук. Но происходит это в новом окне, так что, посетитель с сайта в любом случае никуда не денется.

И, конечно, таким образом можно размещать на сайте не только видео, но и любую другую запись, будь то текст или фотографии.

Единственный минус — если оставлять код без изменений, в статье будут открытые ссылки, но их можно закрыть атрибутом nofollow.

По-моему, здорово!

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

Кстати, еще несколько интересных постов:

  • http://wordpressu.ru Тимур

    Хорошая статья, я таким образом пытался добавить в single.php свой твиттер, но проблема оказалось в том что нельзя было менять размеры твита, поэтому пришлось рисовать и подгонять под нужный размер самому=(

    • Ольга

      Привет, Тимур! Я думала, для каждой записи нужно генерировать новый код.

  • http://fredli.ru Александр

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

    • Ольга

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

      • http://fredli.ru Александр

        Ольга, слава Богу, я не один такой, кто не понимает смысла твиттера! Я когда у знакомых (которые в свои твиттеры копируют анекдоты) спрашиваю «а зачем он собственно нужен», на меня смотрят как на деби… на отсталого =)
        Спасибо Вам =)

        • Ольга

          Нас уже двое, можно создавать сообщество)))

          • http://fredli.ru Александр

            Если только тайное, иначе зомботвиттеротяне (не пытайтесь повторить это) начнут нас преследовать.
            Но в любом случае, я за любой кипиш, кроме голодовки =)

          • http://web-koshka.ru Web-Кошка

            Возьмите и меня в сообщество — уже подгода прикидываюсь продвинутым человеком, у которого есть твиттер. Зачем он у меня есть, я уже полгода как не знаю)))

            • Ольга

              Не вопрос, Лариса, сообразим на троих :)

              • Николай Текстов

                Привет! И я с вами ;)

  • http://blogopraktika.ru/ Игорь

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

    • Ольга

      Игорь, оказывается, такая возможность есть у всех популярных зарубежных соц.сетей. Начиная с YouTube и заканчивая Instagram. Но я тоже узнала об этом недавно, пока даже использовать не успела)))

  • Татьяна

    Новая информация — спасибо! А в твиттер я тоже только анонсы запускаю, хотя иногда читаю — там есть очень интересные и остроумные высказывания, я даже несколько подборок «мысли из твиттера» сделала для своего блога.
    Ольга, я смотрю, вы тоже любитель рок-н-ролла? ;)

    • Ольга

      Конечно, Татьяна, как можно его не любить! Тем более, что в этой группе поет мой муж :)

      • Татьяна

        О, вот как! У вас просто рок-н-ролльная семья! А я как увлеклась им в 80-х, так до сих пор и не изменяю ему. Внук говорит, что я неправильная бабушка, у бабушек его друзей совсем другие вкусы. А я отвечаю, что если я в молодости любила рок, почему я в зрелости должна переходить на Пугачеву?

  • http://natala.ru Натала

    Жаль, не успела вскочить в Вашу тройку :) А статья полезная, и ссылку на любую из предыдущих получаешь и Гугл видит, статья пользуется спросом и продвигает в выдаче. Спасибо, Оля.
    Успехов!

    • Ольга

      Не страшно, мы можем подвинуться :)

      Насчет продвижения в Гугл даже не подумала, а ведь, наверное, так оно и есть.

  • http://mainliberhous.ru Богдан

    Хм. А чем плохо тупо «скопировать/вставить» кусок необходимого текста? Тем более что копируется замечательно. Конечно, тогда не будет так красиво, как на скринах или вставках html, и нужно будет указывать отдельно, откуда ты выдрал этот текст.

    • Ольга

      Богдан, вы сами на свой вопрос ответили))) Я еще добавлю то, что мне понравилась «интерактивность» таких вставок. Можно не только прочесть текст, но и подписаться на автора или страницу, лайкнуть запись и т.д.

      А если все эти возможности использовать с умом (вставлять действительно интересные заметки, а не просто ссылки на статьи или обмениваться размещением с другими блогами)?

      • http://mainliberhous.ru Богдан

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

        • Ольга

          Богдан, интересный вопрос про утечку трафика. Мне кажется, не стоит этого бояться. Во-первых, вкладки открываются на новом окне, во-вторых для большинства действий переход на сайт соц.сети не нужен (исключение FB).

          На самом деле, во многих блогах есть куда бОльшие «дыры» для утечки трафика. Например, ссылки в подписи к комментарию у многих открываются в том же окне и так далее.

  • Николай Текстов

    Информативная выдалась статейка, только толку мало с Фейсбука и Твитера. Мне Вк ближе по духу.

    • Ольга

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

  • http://myworkpro.ru Александр

    Привет. Ваша статья меня просветила. Я уже довольно долгое время пользуюсь твиттером, но про html-код твита, который можно вставить на страницу сайта узнал в первые от Вас. Статья действительно была полезной для меня.

    • Ольга

      Александр, рада, что статья была вам полезна)))