Последние новости

29.05.17 : Где я был последние 6 лет?

20.05.13 : Яндекс.Острова

01.04.11 : Весенняя подборка модов для phpBB

29.03.11 : Добавление кнопок социальных сетей

20.03.11 : phpBB Showcase

Последние файлы

08.03.11 : phpBB 3.0.8 русифицированная версия

15.02.11 : phpBB 3.0.8 Prehack Light

16.05.10 : Перевод мода ModernDignity Flash Animated Cumulus Tag Cloud

16.05.10 : Перевод мода mChat

11.05.10 : Перевод мода th23 Autolinks

Последние статьи

25.10.10 : Модераторы в phpBB 3

17.08.10 : BB-коды в phpBB3

09.09.09 : robots.txt для phpBB3 Olympus

03.08.09 : Установка кода sape на phpBB 3

09.05.09 : Обновление форума phpBB 3.0.x Olympus.

Читать все новости

Смотреть все файлы

Читать все статьи

Актуальные версии

Русифицированные версии phpBB 3.0.8:

Стандартный phpBB 3.0.8
Сборка phpBB 3.0.8
 
RSS / РСС


RSS - международный формат, специально созданный для трансляции данных с одного сайта на другой.
Google SiteMap

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

Социальные сети и сервисы стали популярны, это факт. Поэтому неплохим решением для раскрутки форума будет добавление кнопок публикации в социальные сети. Команда яндекса весьма упростила нашу задачу, сделав кнопку «Поделиться», пример интеграции которой я и хочу рассмотреть сегодня.

Блок «Поделиться» от Яндекса

Сгенерировать код для размещения блока «Поделиться» проще простого — нужно лишь зайти на страницу этого сервиса, выбрать нужные опции и скопировать получившийся код. Проделайте этот этап первым делом, так как дальше я буду работать с уже готовым кодом.

Стандартное размещение

Рассмотрим вариант обычного размещения блока — сверху на всех страницах форума. Добавить в таком варианте блок — плёвое дело. Нужно лишь открыть файл styles/prosilver/template/overall_header.html (если у вас именно prosilver в качестве стиля используется), и добавить, например, в самый конец файла сгенерированный на первом этапе код.

Для надёжности спрячем этот код от поисковых ботов, ибо уж они-то точно не будут делиться ссылками. Нужно обрамить добавленный код шаблонным условием:

После этого блок «Поделиться» будет на всех страницах вашего форума сразу под шапкой.

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

Слегка замороченный вариант

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

Открываем файл styles/prosilver/template/overall_header.html и ищем там строчку с подписью по ключевому слову {postrow.SIGNATURE}. Перед строчкой с этой шаблонной переменной добавляем код блока яндекса, не забыв заключить его в шаблонное условие для поисковых ботов, а в самом начале кода поставив ещё <br />, чтобы кнопки не прилипали к тексту сообщения. Первый этап сделан — теперь после каждого сообщения у нас выводится блок, только вот ссылки ведут по-прежнему на саму тему.

Исправим этот момент — после кода:

добавим в ту же строчку следующие две переменные:

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

Код не совсем чистый получился из-за прямого указания адреса форума (да-да, не забудьте указать адрес именно вашего форума), но добиться универсального работающего варианта с использованием шаблонных переменных мне не удалось, поэтому сделал пока что именно так.

phpBB публикация в социальные сервисы

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

Опубликовано: 29.03.11 00:05 | Просмотров: 29431 | [ + ]   [ - ]   | Печать
Рекомендуем
20.03.11
phpBB Showcase
Последние комментарии - 17
Nikolay 07.04.11 11:25


Подскажите пожалуйста:

я хочу разместить "Поделиться" как в 1-м варианте -- 1 раз на страницу.

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

Может быть как-то можно разместить его на одном уровне с названием темы/подфорума (которые обычно выводятся в h2), но только справа?
Top
FladeX 10.04.11 12:55


Nikolay, названия тем выводятся в шаблонах viewtopic_body.html и viewforum_body.html. Так что с ними и работайте, чтобы реализовать задуманное.
Top
Flanger84 14.04.11 13:35


А можно также подрообно описать как вставить этот блок вместо блока "сохранить Вконтакте" Делал по вашей предыдущей теме.
Top
OmNamaha 25.04.11 22:12


Оставьте переменную -yashareLink="" пустой, и получите ссылку открываемой страницы.
Top
Slon77 06.06.11 04:07


Спасибо большое за идею!
Top
Aleks 21.06.11 02:41


Ошибка в описании урока.
Слегка замороченный вариант:
Открываем файл styles/prosilver/template/overall_header.html и ищем там строчку с подписью по ключевому слову {postrow.SIGNATURE}.

Здесь открываем: viewtopic_body.html и viewforum_body.html
У меня во всяком случае здесь только эта переменная.
Top
Artem 26.08.11 18:49


У меняя вопрос,если тема subsilver2,куда точно вставлять код.
Куда ни вставлю не видно,можно фрагмент кода куда вставлять.
Буду очень благодарен
Top
Artem 29.08.11 17:53


Делал на локалке,наверно потому и не видел.
А в файле overall_header.html код ставится в самом конце.Первый вариант.
(это я так, может кому будет интересно)
Автору БОЛЬШОЕ СПАСИБО.
Top
Bifyr 01.09.11 17:47


Надо будет обязательно реализовать, учитывая проникание соц. сетей в нашу жизнь, будет весьма актуально!
Sims3
Top
Vitalik 17.10.11 23:07


Спасибо прикольно! просто и понятно!!! http://moto-pride.ru/index.php
Top
eugenkk 29.11.11 17:38


Большое спасибо!!! RuJapan
Top
Alexey 01.04.12 14:11


Очень странно, у меня в файле styles/prosilver/template/overall_header.html нет строчки {postrow.SIGNATURE} Версия phpBB 3.0.10
Top
Мимо 07.07.12 09:22


Автор забросил проект, так что не ждите ответов, я тоже не нашел {postrow.SIGNATURE}
Top
exobravo 26.07.12 18:08


Спасибо большое! Поставил у себя, интересно, какой SEO-эффект даст. (ссылка удалена)
Top
Orkovod 11.09.12 15:34


Спасибо, я тоже поставил на свой Варкрафтик (ссылка удалена)
Top
Bydylai 22.03.13 23:38


А как поправить сам "виджет" поделиться? Мне, например, не все эти сети надо, что там указаны..
Top
FontCity 27.06.13 02:33


* Код не совсем чистый получился из-за прямого указания адреса форума (да-да, не забудьте указать адрес именно вашего форума), но добиться универсального работающего варианта с использованием шаблонных переменных мне не удалось, поэтому сделал пока что именно так. * Попробуйте так: -yashareLink="{BOARD_URL}viewtopic.php?p={postrow.POST_ID}#p{pos trow.POST_ID}"
Top
Добавить комментарий

* Ваше имя:

* Заголовок:

* Сообщение:

*



Проверочное слово: phpBB

Проверочное слово: 

 
Пункты помеченные * обязательны для заполнения!
Рейтинг@Mail.ru
Rambler's Top100
Главная Новости Файлы Статьи Ссылки Контакты Услуги