Проект http://sudakintour.in.ua практически подходит к своему завершению. Но есть одна вещь которую очень хотелось внедрить — очень удобные фишки от Facebook — встроить комментарии, регистрацию с помощью facebook, кнопку Like, и фид группы в facebook в модуль справа от центрального блока с телом статьи.

Напомню, сайт реализован на Joomla 1.5 и сначала взгляд на компоненты под Джумлу сторонних разработчиков, но, подумав хорошо, решил что лучше сделать прямую интеграцию в сайт тех возможностей которые дает сам facebook а для этого достаточно вчитаться в инструкции на сайте developers.facebook.com, немного хотя бы понимать php и html а также иметь хоть какое-то понятие о джумле и организации фалов и адресаций в ней.

Я решил воспользоваться активити тегами фейсбука
(<fb:activity> XFBML tag)
Хотя первое что предлагается у них на сайте это iframe — Я ПРОТИВ — ну не кажется мне что айфреймы (iframe) приносят пользу сайтам в глазах движков. Хотя айфрем и предлагается как основной вариант на сайте девелоперов.

Что мы должны получить:

Прыгал я в своей работе вот с этого адреса :
http://developers.facebook.com/docs/plugins/
- социальные плагины фейсбука с точки зрения девелопера.

Итак первое что нужно было внедрить — кнопку like и комментарии к каждой из статей (имеем ввиду что главной задачей является внедрить комментарии именно на страницу с материалом в Joomla).
Пример страницы :
http://sudakintour.in.ua/chastniie-sektor-chastnie-oteli-i-gostinici-sudak/dvor-ekonom-2-sudak.html

К мы видим, внизу страницы очень вписывающийся в тематику шаблона сайта блок

Эта информация понравилась вашим друзьям в Facebook

и блок

Оставить комментарий на эту статью

Реализованные на стандартных настройках и цветах фейсбука.

Сделать это можно вставив вот такой вот код:

<noindex>
<!— Facebook after article context SeoTed START —>
<h4>Эта информация понравилась вашим друзьям в Facebook</h4>
<script src=»http://connect.facebook.net/ru_RU/all.js#xfbml=1″></script>
<fb:like href=«http://ваш сайт<?php echo $this->article->readmore_link; ?>» show_faces=»true» width=»450″ font=»"></fb:like>
<h4>Оставить комментарий на эту статью</h4>
<div id=»fb-root»></div>
<script src=»http://connect.facebook.net/ru_RU/all.js#appId=139481702787688&amp;xfbml=1″></script>
<fb:comments href=«http://ваш сайт<?php echo $this->article->readmore_link; ?>» num_posts=»10″ width=»600″></fb:comments>
<!— Facebook after article context SeoTed STOP —>
</noindex>

из нескольких строчек в файл который по сути отвечает за формат макета страницы с конечной статьей («материал» в админке joomla) :
http://ваш сайт/components/com_content/views/article/tmpl/default.php

Хотя в последних шаблонах для joomla от коммерческих производителей типа джумларта это лежит примерно здесь:
http://ваш сайт/templates/ваш каблон/html/com_content/article/default.php

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

На что обратить внимание:

1. В коде, как вы наверное понимаете, красный код взят с сайта девелоперов facebook  и доработан (темно-красное) под сайт для joomla для того чтобы и like и комментарии в фейсбуке выдавали ссылку именно на ту страницу на которой они были нажаты посетителем.
2. первый блок который я на сайте судакинтура вынес  в тег H4 — Like, второй — блок комментариев.
3. Зеленым я отделил комменты для более удобного потом поиска вставленного мной в шаблон СВОЕГО кода — поверьте мне вам тоже потом может понадобиться искать его. (вы их можете убрать)
4. Ну и заключил все это в noindex, дабы поисковики все это обходили.

Завтра продолжим с регистрацией на сайте с фейсбука и фида группы фейсбука.

Посты по теме:

1. Как привлечь рекламодателя на свой сайт Эта статья для тех, кто открыл свой сайт, но не...
2. 1Joomla.ru — новый портал по программному обеспечению для Joomla Сегодня познакомлю Вас с очередным проектом в котором я начал...
3. Лезем в макет страницы и код CSS Сегодня дошла очередь до окончательной переработки макета страницы. За это...