Виджет для комментариев "В Контакте".

yurijp · April 10, 2018

При попытке установки виджета "Комментарии" от в контакте, после установки первой части кода:

VK.init({apiId: 6442441, onlyWidgets: true});

</script>

сразу после <head>, получаю:

Помогите решить проблему.

TopRaN · April 10, 2018

4 минуты назад, yurijp сказал:

При попытке установки виджета "Комментарии" от в контакте, после установки первой части кода:

<script type="text/javascript" src="//vk.com/js/api/openapi.js?153"></script>

<script type="text/javascript">

VK.init({apiId: 6442441, onlyWidgets: true});

</script>

сразу после <head>, получаю:

Помогите решить проблему.

Не хватает rкавычек " } "

yurijp · April 10, 2018

441.jpg.d5f52153614b239f58567b09560ac61b.jpg

Вот часть кода выделенная жирным шрифтом, строка 441. Но здесь, и в других предложенных путях, всюду есть }

Но всё таки, если поставить } в конце строки 441, то сайт не запускается, белый экран. Не нахожу, где чего не хватает.

TopRaN · April 10, 2018

Ошибка говорит, что вы сделали что-то не так в файле header.tpl 15 строка

yurijp · April 10, 2018

Так это собственно сам код, полученный во в контакте:

<script type="text/javascript" src="//vk.com/js/api/openapi.js?152"></script>

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

Так я ничего не менял, вот он такой как есть. Строку 15 я выделил.

TopRaN · April 10, 2018

дайте доступ - посмотрю.

yurijp · April 10, 2018

4 часа назад, TopRaN сказал:

дайте доступ - посмотрю.

Отправил в личку.

yurijp · April 11, 2018

Вопрос актуален. Подскажите кто знает, как решить проблему.

Chernetskiy · April 12, 2018

21 час назад, yurijp сказал:

Вопрос актуален. Подскажите кто знает, как решить проблему.

А скрипт не пробовал в {literal}... {/literal} заключить? Типа:

{literal}
  <!-- Put this script tag to the <head> of your page -->
  <script type="text/javascript" src="//vk.com/js/api/openapi.js?152"></script>
  <script type="text/javascript">
    VK.init({apiId: 6442241, onlyWidgets: true});
  </script>
  
  <!-- Put this div tag to the place, where the Comments block will be -->
  <div id="vk_comments"></div>
  <script type="text/javascript">
    VK.Widgets.Comments("vk_comments", {limit: 10, attach: "*"});
  </script>
{/literal}

Хотя, код предполагается устанавливать раздельно:

первая половина кода сразу после <head>, например в header.tpl
вторая половина кода вставляется туда, где будет код комментариев. Можно например создать новый шаблон vk_widget.tpl, засунуть туда вторую половину кода и подключать этот виджет в нужных местах в соответствующих шаблонах командой {include file='vk_widget.tpl'}
Соответственно, не забываем каждую половину кода оборачивать в {literal}... {/literal}

yurijp · April 12, 2018

Естественно скрипт обернул <literal>...</literal> (делал и так и так), и конечно же первую часть установил после head, но перед /head, вторую часть - в нужное место. И пробовал создать новый шаблон с подключением в нужном месте. Суть в том, как только установлю первую часть, fatal error. Ругается на синтаксис, но во всех предложенных путях с синтаксисом всё (вроде как) в порядке.

TopRaN · April 12, 2018

20 минут назад, yurijp сказал:

Естественно скрипт обернул <literal>...</literal>

{literal}....{/literal}

yurijp · April 12, 2018

10 минут назад, TopRaN сказал:

{literal}....{/literal}

Уау! ))) Это волшебство какое-то!!! Всё работает. Именно {фигурные} кавычки нужны. Спасибо!

Chernetskiy · April 12, 2018

43 минуты назад, yurijp сказал:

Уау! ))) Это волшебство какое-то!!! Всё работает. Именно {фигурные} кавычки нужны. Спасибо!

Упс... мой косяк был. Спать надо по ночам Выше поправил.

yurijp · April 12, 2018

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

Chernetskiy · April 12, 2018

1 час назад, yurijp сказал:

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

Поскольку виджет один, то вероятно и комментарии будут общими, они-же не привязаны к конкретным объектам/страницам? Х.з., надо проверять, однозначно не скажу.

Дмитрий Кондин · April 13, 2018

10 часов назад, yurijp сказал:

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

Для каждой страницы свой комментарий.

yurijp · April 13, 2018

3 часа назад, rumantic сказал:

Для каждой страницы свой комментарий.

Значит что-то не так настроено. У меня под всеми страницами, где расположен виджет, все комментарии вместе.

И ещё, если кто-то оставляет комментарий на определённой странице, с галочкой "поделится с друзьями", то обратный переходит с "в контакте" осуществляется не на страницу комментария, а на главную. По-моему, так быть не должно?

Дмитрий Кондин · April 13, 2018

2 часа назад, yurijp сказал:

Значит что-то не так настроено. У меня под всеми страницами, где расположен виджет, все комментарии вместе.

И ещё, если кто-то оставляет комментарий на определённой странице, с галочкой "поделится с друзьями", то обратный переходит с "в контакте" осуществляется не на страницу комментария, а на главную. По-моему, так быть не должно?

Покажите ваш код, посмотрим.

yurijp · April 13, 2018

2 часа назад, rumantic сказал:

Покажите ваш код, посмотрим.

Раздел head.

<head>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
  (adsbygoogle = window.adsbygoogle || []).push({
    google_ad_client: "ca-pub-9502348576222758",
    enable_page_level_ads: true
  });
</script>

<script type="text/javascript" src="//vk.com/js/api/openapi.js?153"></script>

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

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="msvalidate.01" content="85229D3EB9668BABEE3B93A790A11CDE" />
<title>Спутниковые антенны в Бресте – установка и настройка антенн</title>
<script type="text/javascript">
var estate_folder = '';
</script>
<meta property="og:type" content="article" />
<meta property="og:locale" content="ru_RU" />
<meta property="og:title" content="Спутниковые антенны в Бресте – установка и настройка антенн" />
<meta property="og:url" content="http://satpro.by/" />
<meta property="og:image" content="http://satpro.by/img/data/user/tele.jpg" />
<meta property="og:site_name" content="Спутниковое телевидение - установка антенн в Бресте." />
<meta property="og:description" content="Спутниковые антенны в Бресте, установка Триколор ТВ и НТВ плюс,  ремонт и настройка антенн. Электромонтажные работы." />

<meta name="description" content="Спутниковые антенны в Бресте, установка Триколор ТВ и НТВ плюс,  ремонт и настройка антенн. Электромонтажные работы." />
<meta name="keywords" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,300&subset=latin,cyrillic' rel='stylesheet' type='text/css'>
<link rel="shortcut icon" href="/template/frontend/realia/img/favicon.png" type="image/png">
<link rel="stylesheet" href="/template/frontend/realia/css/bootstrap.css" type="text/css">
<link rel="stylesheet" href="/template/frontend/realia/css/bootstrap-responsive.css" type="text/css">
<link rel="stylesheet" href="/template/frontend/realia/libraries/chosen/chosen.css" type="text/css">
<link rel="stylesheet" href="/template/frontend/realia/libraries/bootstrap-fileupload/bootstrap-fileupload.css" type="text/css">
<link rel="stylesheet" href="/template/frontend/realia/libraries/jquery-ui/css/ui-lightness/jquery-ui-1.10.2.custom.min.css" type="text/css">
<link rel="stylesheet" href="/template/frontend/realia/css/realia-blue.css" type="text/css">
<link rel="stylesheet" href="/template/frontend/realia/css/bootstrap.corrections.css" type="text/css">
<link rel="stylesheet" href="/template/frontend/realia/css/prettyPhoto.css">
<link rel="publisher" href="https://plus.google.com/u/0/105255112418670714614">

<script type="text/javascript">
	function loadScript(head, script_href){
		var script = document.createElement("script");
		script.type = "text/javascript";
		script.src = script_href;
		head.appendChild(script);
	}
	
	var scripts=[
	'/template/frontend/realia/js/jquery.js',
	'/template/frontend/realia/js/jquery.ezmark.js',
	'/template/frontend/realia/js/jquery.cookie.js',
	'/template/frontend/realia/js/bootstrap.min.js',
	'/template/frontend/realia/js/carousel.js',
	'/template/frontend/realia/libraries/jquery-ui/js/jquery-ui.min.js',
	'/template/frontend/realia/libraries/chosen/chosen.jquery.min.js',
	'/template/frontend/realia/libraries/iosslider/_src/jquery.iosslider.min.js',
	'/template/frontend/realia/libraries/bootstrap-fileupload/bootstrap-fileupload.js',
	'/template/frontend/realia/js/realia.js',
	'/apps/client/js/clientorderajax.js',
	'/js/estate.js',
	'/apps/system/js/sitebillcore.js',
	'/template/frontend/realia/js/interface.js',
	'/template/frontend/realia/js/jquery.prettyPhoto.js'
	];
	var h=document.getElementsByTagName("head")[0];
	for(var i in scripts){
		loadScript(h, scripts[i]);
	}
	/*var script = document.createElement("script");
	script.type = "text/javascript";
	script.src = '/template/frontend/realia/js/jquery.js';
	h.appendChild(script);
	script.src = '/template/frontend/realia/js/jquery.ezmark.js';
	h.appendChild(script);
	script.src = '/template/frontend/realia/js/jquery.cookie.js';
	h.appendChild(script);
	script.src = '/template/frontend/realia/js/bootstrap.min.js';
	h.appendChild(script);
	script.src = '/template/frontend/realia/js/carousel.js';
	h.appendChild(script);
	script.src = '/template/frontend/realia/libraries/jquery-ui/js/jquery-ui.min.js';
	h.appendChild(script);
	script.src = '/template/frontend/realia/libraries/chosen/chosen.jquery.min.js';
	h.appendChild(script);
	script.src = '/template/frontend/realia/libraries/iosslider/_src/jquery.iosslider.min.js';
	h.appendChild(script);
	script.src = '/template/frontend/realia/libraries/bootstrap-fileupload/bootstrap-fileupload.js';
	h.appendChild(script);
	script.src = '/template/frontend/realia/js/realia.js';
	h.appendChild(script);
	script.src = '/apps/client/js/clientorderajax.js';
	h.appendChild(script);
	script.src = '/js/estate.js';
	h.appendChild(script);
	script.src = '/apps/system/js/sitebillcore.js';
	h.appendChild(script);
	script.src = '/template/frontend/realia/js/interface.js';
	h.appendChild(script);
	script.src = '/template/frontend/realia/js/jquery.prettyPhoto.js';
	
	h.appendChild(script);*/
</script>

<script type="text/javascript" >
$(document).ready(function(){
  $("a[rel^='prettyPhoto']").prettyPhoto({
  social_tools: false,
                theme: 'light_square'});
});
</script>
<script type="text/javascript">
$(document).ready(function(){
$(window).scroll(function(){
   if ($(this).scrollTop() > 100) {
     $('.scrollup').fadeIn();
      } else {
     $('.scrollup').fadeOut();
      }
   });
$('.scrollup').click(function(){
$("html, body").animate({ scrollTop: 0 }, 600);
return false;
});
});
</script>

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
  (adsbygoogle = window.adsbygoogle || []).push({
    google_ad_client: "ca-pub-9502348576222758",
    enable_page_level_ads: true
  });
</script>

</head>

А это раздел view в приложении статьи(articles).

<link href="{$MAIN_URL}/apps/articles/site/template/css/style.css" rel="stylesheet" />
<div class="articleview">
	<div class="articleview-article">
	

	    <div class="articleview-article-date">{$article.date.value_string}{$article.date.value}</div>
		<div class="articleview-article-title">{$article.title.value}</div>
		<div class="articleview-article-text">
			{if isset($article.image.value[0])}
			<div class="articleview-article-image">
				<img src="{$estate_folder}/img/data/{$article.image.value[0].preview}" alt="{$article.title.value}" />
			</div>
			{/if}
			
			<div class="articleview-article-description">

			{$article.description.value}
			<p></p>

<literal>	
	<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
     style="display:block; text-align:center;"
     data-ad-format="fluid"
     data-ad-layout="in-article"
     data-ad-client="ca-pub-9502348576222758"
     data-ad-slot="6579572223"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
</literal>
<p></p>
			<em>Автор: {$article.autor.value}</em><p></p>
			<em>Статья добалена: <span itemprop="datePublished" content="2017-05-12T16:07:51">{$article.date.value}</span></em>
			<div class="date"> <a href="/">Satpro.by</a></div>
			<div class="date"> <a href="http://satpro.by/articles/">Все статьи</a></div>
			
	           <p></p>
		          <literal>
		            <script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script>
                    <script src="//yastatic.net/share2/share.js"></script>
                    <div class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,moimir,gplus,twitter,viber,skype"></div>
		          </literal>
			</div>
		</div>
<p></p>		
{literal}
<div id="vk_comments"></div>
<script type="text/javascript">
VK.Widgets.Comments("vk_comments", {limit: 10, attach: "graffiti,photo,video,audio", autoPublish:1});
</script>
{/literal}	

	</div>	
	{if $more_articles|count>0}
	<div class="articleview-morearticles">
	{foreach from=$more_articles item=more_article}
    <div class="articleview-morearticles-article">
        <div class="articleview-morearticles-article-date">{$more_article.date.value}</div>
        <div class="articleview-morearticles-article-title"><a href="{$more_article._href}">{$more_article.title.value}</a></div>
        {if isset($more_article.image.value[0])}
		<div class="articleview-morearticles-article-image">
			<img src="{$estate_folder}/img/data/{$more_article.image.value[0].preview}" alt="{$more_article.title.value}" />
		</div>
		{/if}
		{if isset($more_article.articles_topic_id.value_string) && $more_article.articles_topic_id.value_string!=''}
		<div class="articleview-morearticles-article-topic" style="color: red;">
			{$more_article.articles_topic_id.value_string}
		</div>
		{/if}
        
        <div class="articleview-morearticles-article-anons">{$more_article.anons.value|strip_tags}</div>
        
    </div>
    {/foreach}
	
	
	
	
	</div>
	{/if}


</div>

	
	{literal}
	<style>
	.articleview-morearticles {
padding-left: 100px;
}
	.articleview-morearticles-article-title a {
color: green;
font-size: 18px;
}
	</style>
	{/literal}

Дмитрий Кондин · April 16, 2018

На сайте у вас где это посмотреть можно?

yurijp · April 16, 2018

50 минут назад, rumantic сказал:

На сайте у вас где это посмотреть можно?

Виджет Комментарии выводятся под любой статьёй. Например: http://satpro.by/article/esli-propal-youtube-na-televizore-samsung-video-tv-cast/

Дмитрий Кондин · April 16, 2018

19 минут назад, yurijp сказал:

Виджет Комментарии выводятся под любой статьёй. Например: http://satpro.by/article/esli-propal-youtube-na-televizore-samsung-video-tv-cast/

Может у вас в настройках самого виджета прописаны единые комментарии для всех?

Например, у нас на сайте такой же код комментирев и все разные для каждой страницы

https://www.sitebill.ru/monetizatsiya-sayta-nedvizhimosty

yurijp · April 17, 2018

В 16.04.2018 в 08:38, rumantic сказал:

Может у вас в настройках самого виджета прописаны единые комментарии для всех?

Я не могу найти, где в настройках виджета упоминается про единые и прочие комментарии. В документации для виджета упоминается параметр pageUrl: ссылка на страницу. Но я не знаю как написать эту ссылку. Она для каждой страницы своя. Может это то? Вот очень классно реализованы комментарии "VK" на sitebill.ru Как сделать так-же? У меня настройки виджета обычные, стандартные. Я только добавил autoPublish:1 - автопубликация на странице комментатора.

Дмитрий Кондин · April 17, 2018

19 минут назад, yurijp сказал:

Я не могу найти, где в настройках виджета упоминается про единые и прочие комментарии. В документации для виджета упоминается параметр pageUrl: ссылка на страницу. Но я не знаю как написать эту ссылку. Она для каждой страницы своя. Может это то? Вот очень классно реализованы комментарии "VK" на sitebill.ru Как сделать так-же? У меня настройки виджета обычные, стандартные. Я только добавил autoPublish:1 - автопубликация на странице комментатора.

В том и дело, что код вы можете увидеть у нас на сайте в исходнике страницы.

Там все также как у вас, а результат другой.

Может напишите в поддержку вконтакте?

Chernetskiy · April 17, 2018

12 часа назад, rumantic сказал:

В том и дело, что код вы можете увидеть у нас на сайте в исходнике страницы.

Там все также как у вас, а результат другой.

Может напишите в поддержку вконтакте?

Вероятно надо копать там, где брал код...

Виджет для комментариев "В Контакте".

Recommended Posts

Поделиться сообщением

Ссылка на сообщение

Поделиться на других сайтах

Поделиться сообщением

Ссылка на сообщение

Поделиться на других сайтах

Поделиться сообщением

Ссылка на сообщение

Поделиться на других сайтах

Поделиться сообщением

Ссылка на сообщение

Поделиться на других сайтах

Поделиться сообщением

Ссылка на сообщение

Поделиться на других сайтах

Поделиться сообщением

Ссылка на сообщение

Поделиться на других сайтах

Поделиться сообщением

Ссылка на сообщение

Поделиться на других сайтах

Поделиться сообщением

Ссылка на сообщение

Поделиться на других сайтах

Поделиться сообщением

Ссылка на сообщение

Поделиться на других сайтах

Поделиться сообщением

Ссылка на сообщение

Поделиться на других сайтах

Поделиться сообщением

Ссылка на сообщение

Поделиться на других сайтах

Поделиться сообщением

Ссылка на сообщение

Поделиться на других сайтах

Поделиться сообщением

Ссылка на сообщение

Поделиться на других сайтах

Поделиться сообщением

Ссылка на сообщение

Поделиться на других сайтах

Поделиться сообщением

Ссылка на сообщение

Поделиться на других сайтах

Поделиться сообщением

Ссылка на сообщение

Поделиться на других сайтах

Поделиться сообщением

Ссылка на сообщение

Поделиться на других сайтах

Поделиться сообщением

Ссылка на сообщение

Поделиться на других сайтах

Поделиться сообщением

Ссылка на сообщение

Поделиться на других сайтах

Поделиться сообщением

Ссылка на сообщение

Поделиться на других сайтах

Поделиться сообщением

Ссылка на сообщение

Поделиться на других сайтах

Поделиться сообщением

Ссылка на сообщение

Поделиться на других сайтах

Поделиться сообщением

Ссылка на сообщение

Поделиться на других сайтах

Поделиться сообщением

Ссылка на сообщение

Поделиться на других сайтах

Поделиться сообщением

Ссылка на сообщение

Поделиться на других сайтах

Создайте аккаунт или войдите для комментирования

Создать аккаунт

Войти