Загрузка. Пожалуйста, подождите...

                    

                        
RSS
  • Главная
  • Регистрация
  • Карта сайта
  • О нас

» Блоггинг » Кнопки социальных сетей на HTML

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

Блоггинг, Web-дизайнерам Комментарии (7)

Я уже писал ранее посты о кнопках социальных сетей. Например, о TweetMeme Retweet Button или целой панели социальных сервисов. Но все это было рассчитано на CMS, в которых имеется специальные коды, выводящие ссылку на страницу и ее тайтл, при помощи которых можно реализовать работу этих самых кнопок. Кнопки эти вообще удобные и полезные, я их стараюсь впихнуть везде, жаль на страницу, где Фотошоп онлайн, запихнуть не выйдет. Так бы и туда повесил.


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


В общем, есть две такие полезные штуки в этом языке: document.location и document.title. Первая выводит URL текущей страницы, а вторая - соответственно тайтл.


То есть для TweetMeme можно использовать следующий код:

<script type="text/javascript">
tweetmeme_url = document.location;
tweetmeme_source = 'webholt';
tweetmeme_service = 'bit.ly';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>


А для панели социальных сервисов следующий:

<script type="text/javascript">
socializ(encodeURIComponent(document.location),encodeURIComponent(document.title))
</script>


Это не является самым оптимальным вариантом (если есть возможность воспользоваться специальными кодами, лучше использовать их), но в качестве альтернативы для тех случаев, когда другого выхода нет, вполне подойдет.

Крошка-сын к отцу пришел и спросила кроха:
- RSS-то хорошо?
- да, сынок, не плохо!

Хотите получать информацию о новых записях на e-mail? Подпишитесь на RSS-рассылку. Введите адрес вашей электронной почты в форму ниже и нажмите "Подписаться".

Уважаемый посетитель, вы зашли на сайт как незарегистрированный пользователь. Оставленные комментарии отправляются на модерацию. После регистрации появится возможность попасть в список Комментаторов.


Другие новости по теме:

  • Панель социальных сервисов
  • TweetMeme - ReTweet button на любом движке
  • Кнопки социальных сервисов в ЖЖ
  • Увеличиваем CTR Nolix - очередной скрипт
  • Полосатые таблицы
  • 13-09-2010, 21:55 
    Просмотров: 11443



    #1 написал: Semm (13 сентября 2010 22:09)



    Группа: Гости
    Регистрация: --
    Кнопки важны - не спорю. Их обычно ставят увидев на других сайтах. А польза от них есть - хотя бы быстрая индексация и трафик с социалок.
    ICQ: -- [цитировать]

    #2 написал: ItSlam (14 сентября 2010 05:18)



    Группа: Гости
    Регистрация: --
    тоже бы хотел прочесть о пользе этих кнопок......... но все молчат
    ICQ: -- [цитировать]

    #3 написал: gwer (14 сентября 2010 08:29)



    Группа: Администраторы
    Регистрация: 4.12.2009

    ItSlam, в двух словах ее описал Semm. 

    В целом, польза каждому своя. Как минимум для себя ставлю - удобно порой через панельку заносить в нужные сети пост. А TweetMeme дает возможность следить за числом ретвитов страницы.

    ICQ: -- [цитировать]

    #4 написал: Даниил (28 января 2011 10:36)



    Группа: Гости
    Регистрация: --
    Как можно изменить скрипт, чтоб выдавались всегда одни и те же адрес и описание? И изображение, быть может?..
    ICQ: -- [цитировать]

    #5 написал: gwer (28 января 2011 13:42)



    Группа: Администраторы
    Регистрация: 4.12.2009
    Даниил,

    <script type="text/javascript">socializ(encodeURIComponent('ссылка')
    ,encodeURIComponent('текст'))</script>


    Для tweetmeme аналогично document.location заменить на ссылку.
    ICQ: -- [цитировать]

    #6 написал: Лия (19 марта 2011 16:55)



    Группа: Гости
    Регистрация: --
    А как поставить такую же панельку, как на этом сайте?
    ICQ: -- [цитировать]

    #7 написал: gwer (19 марта 2011 17:57)



    Группа: Администраторы
    Регистрация: 4.12.2009
    Лия, именно так, как описано здесь, либо здесь
    ICQ: -- [цитировать]

    Добавление комментария


    Ваше Имя:
    Ваш E-Mail:
    Код: Включите эту картинку для отображения кода безопасности
    обновить, если не виден код
    Введите код






    Проекты деревянных домов
    Фотографии готовых проектов. Каталог готовых проектов.
    wood-line.ru
    • QR-код данной страницы

    • Вход на сайт

        Логин
        Пароль
         
        » Регистрация на сайте!
        » Забыли пароль?
    • Навигация

      • Главная
      • Web-дизайнерам
      • CSS-хитрости
      • SEO
      • Сервисы
      • Заработок в интернете
        • На сайте
        • Без сайта
      • Photoshop
      • Интернет-полезности
      • BestMasterиZация
      • Обзоры
      • Цитаты
      • Из зомбоящика
      • Блог
      • Разработка
      • Проекты
      • Мое мнение
      • Обманы
      • Twitter
      • Twidium
    • Опрос

        Какую поисковую систему предпочитаете?

        Google
        Yandex
        Rambler
        Апорт
        Mail.ru
        Nigma
        Другие


    Photoshop Online
    Просмотр скрытой информации ВКонтакте

    © WebHolt
    Рейтинг блогов
    Копирование материалов с сайта разрешено исключительно при наличии активной ссылки на сайт