Mad grant в 11:49, 5 июня 2013

2013-06-05T11:49:46Z

Mad grant в 19:35, 4 июня 2013

2013-06-04T19:35:05Z

Kalexey в 04:47, 30 июля 2012

2012-07-30T04:47:59Z

Kalexey: переименовал «Комментарии Facebook (TPL)» в «Комментарии ВКонтакте и Facebook (TPL)»

2012-07-19T10:15:49Z

переименовал «Комментарии Facebook (TPL)» в «Комментарии ВКонтакте и Facebook (TPL)»

Kalexey: Новая страница: « category:TPL шаблонизатор
'''Задача''':

Добавить для пользователей возможность оставля…»

2012-07-19T10:15:15Z

Новая страница: « category:TPL шаблонизатор <p> '''Задача''': </p> <p> Добавить для пользователей возможность оставля…»

Новая страница

[[category:TPL шаблонизатор]]
<p>
'''Задача''':
</p>
<p>
Добавить для пользователей возможность оставлять комментарии на сайте через социальные сети ВКонтакте и Facebook.
</p>
<p>
'''Решение''':
</p>
<p>
Для вставки виджетов комментариев будем использовать API данных социальных сетей. В начале нам нужно получить код виджетов для вставки на сайт. Получить код для ВКонтакте можно [http://vk.com/developers.php?oid=-1&p=Comments здесь], а для Facebook - [http://developers.facebook.com/docs/reference/plugins/comments/ здесь].
</p>
<p>
ВКонтакте позволяет настроить количество комментариев, включить расширенные комментарии (граффити, фотографии, аудио, видео, сссылки), указать ширину блока с комментариями.
</p>
<p>
Для виджета комментариев Facebook можно указать количество комментариев, ширину блока с комментариями и цветовую схему (светлая, тёмная).
</p>
<br />
<table align="center">
<tr>
<td style="border: 1px solid black; padding: 5px;">
[[Файл:Vk-and-fb-comments-widgets.png]]
</td>
</tr>
<tr>
<td style="font-color: darkblue; font-weight: bold; text-align: center;">
Настройка виджетов комментариев ВК и FB
</td>
</tr>
</table>
<br />
<p>
Facebook генерирует код для вставки после нажатия кнопки "Get code", ВКонтакте делает это динамически. Шаблон вывода комментариев по умолчанию находится в файле "/tpls/comments/default.tpl", сгенерированный javascript код необходимо вставить в блоки "comments_block_add_user" и "comments_block_add_guest". В результате данные блоки будут выглядеть примерно так:
</p>
<source lang="php">
$FORMS['comments_block_add_user'] = <<<ADD_FORM_USER

<form method="post" action="%action%">

<table cellspacing="5" cellpadding="0" border="0">
<tr>
<td>
Заголовок комментария:<br />
<input type="text" name="title" size="50" style="width: 350px;" class="textinputs" />
</td>
</tr>

<tr>
<td>
Текст комментария:<br />
<textarea id="message" name="comment" style="width: 350px; height: 120px;" class="textinputs"></textarea>
</td>
</tr>

<tr>
<td>
%smiles%
</td>
</tr>

<tr>
<td>
<input type="submit" value="Добавить комментарий" />
</td>
</tr>
</table>


<script type="text/javascript" src="http://userapi.com/js/api/openapi.js?50"></script>

<script type="text/javascript">
VK.init({apiId: 2904314, onlyWidgets: true});
</script>


<div id="vk_comments"></div>
<script type="text/javascript">
VK.Widgets.Comments("vk_comments", {limit: 10, width: "496", attach: "*"});
</script>

<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/ru_RU/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-comments" data-href="http://www.example.com" data-num-posts="5" data-width="470"></div>

</form>

ADD_FORM_USER;

$FORMS['comments_block_add_guest'] = <<<ADD_FORM_GUEST

<form method="post" action="%action%">

<table cellspacing="5" cellpadding="0" border="0" width="100%">
<tr>
<td nowrap="nowrap">
Заголовок комментария:<br />
<input type="text" name="title" style="width: 350px;" class="textinputs" />
</td>
</tr>

<tr>
<td nowrap="nowrap">
Ваш ник:<br />
<input type="text" name="author_nick" style="width: 350px;" class="textinputs" />
</td>
</tr>

<tr>
<td nowrap="nowrap">
Ваш e-mail:<br />
<input type="text" name="author_email" style="width: 350px;" class="textinputs" />
</td>
</tr>

<tr>
<td nowrap="nowrap">
Текст комментария:<br />
<textarea id="message" name="comment" style="width: 350px;height:120px" class="textinputs"></textarea>
</td>
</tr>

<tr>
<td>
%system captcha('default')%
</td>
</tr>

<tr>
<td>
%smiles%
</td>
</tr>

<tr>
<td>
<input type="submit" value="Добавить комментарий" />
</td>
</tr>
</table>


<script type="text/javascript" src="http://userapi.com/js/api/openapi.js?50"></script>

<script type="text/javascript">
VK.init({apiId: API_ID, onlyWidgets: true});
</script>


<div id="vk_comments"></div>
<script type="text/javascript">
VK.Widgets.Comments("vk_comments", {limit: 10, width: "496", attach: "*"});
</script>

<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/ru_RU/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-comments" data-href="http://www.example.com" data-num-posts="5" data-width="470"></div>

</form>

ADD_FORM_GUEST;
</source>

@@ Строка 1: / Строка 1: @@
-[[Категория:Верстка в TPL]]
+[[Категория:Верстка в TPL]][[Категория:Сторонние сервисы и программы]]
 <p>
 '''Задача''':

← Предыдущая		Версия 04:47, 30 июля 2012
Строка 177:		Строка 177:
	ADD_FORM_GUEST;		ADD_FORM_GUEST;
	</source>		</source>
		+	<table align="center" width="100%">
		+	<tr>
		+	<td style="border: 1px dotted black; padding: 20px;">
		+	'''Примечание'''.
		+	<br />
		+	<p>
		+	Данный функционал был проверен на работоспособность в версии системы 2.8.5.1.
		+	</p>
		+	</td>
		+	</tr>
		+	</table>

← Предыдущая	Версия 10:15, 19 июля 2012
(нет различий)

Комментарии ВКонтакте и Facebook (TPL) - История изменений

Mad grant в 11:49, 5 июня 2013

Mad grant в 19:35, 4 июня 2013

Kalexey в 04:47, 30 июля 2012

Kalexey: переименовал «Комментарии Facebook (TPL)» в «Комментарии ВКонтакте и Facebook (TPL)»

Kalexey: Новая страница: « category:TPL шаблонизатор '''Задача''': Добавить для пользователей возможность оставля…»

Kalexey: Новая страница: « category:TPL шаблонизатор
'''Задача''':

Добавить для пользователей возможность оставля…»