Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Последние темы
» Вход через Facebook
автор Дмитрий Зверев Сегодня в 11:46

» Форумы в категории в два столбца как у вас
автор Дмитрий Зверев Сегодня в 4:52

» Гости не могут читать темы
автор canitha Вчера в 20:37

» Поменять логотип.
автор Mag-Vasiliy Вчера в 14:43

» Как поменять цвет в моб.версии
автор Mag-Vasiliy Вчера в 12:16

» Глючат BB-коды
автор Moonlight Вчера в 12:11

» Активные темы - кнопкой в навигации.
автор Dana Domirani Чт 23 Ноя - 22:06

» Курсы Кредитов
автор Dana Domirani Чт 23 Ноя - 21:53

» Платный контент
автор Aster Чт 23 Ноя - 9:59

» Магия Жизни
автор blekket Ср 22 Ноя - 20:21

Интересные решения
Быстрый переход к сервисам: j-p-g.net Видео фоторедактор Транслит

Отображение картинки в соцсетях при "поделиться"

Предыдущая тема Следующая тема Перейти вниз

Решено Отображение картинки в соцсетях при "поделиться"

Сообщение автор rodniksveta в Вт 27 Июн - 12:23

Добрый день smile
Простите за беспокойство, но хочу  попросить  помощи в вопросе правильного отображения в соцсетях  картинки из различных  тем  своего форума при нажатии кнопок  "поделиться". Постоянно возникает проблема с тем, что выбирается картинка логотипа, да и  то, по большому счету, не вся, а кусок. 24  На форуме перечитала практически все на эту тему, и подобные вопросы тоже были, но либо они без ответа, либо я его, простите,  не могу понять. girl_blush  Писала даже тому, кто задавал этот вопрос, но он тоже не понял, как это сделать и пока мне тоже помочь не может. pardon Нашла в сети, к примеру здесь, что нужно вставить, чтобы можно было выбирать картинку или, чтобы она сама автоматически бралась из темы. Но куда  и как ее поставить, докумекать не могу. Сорри...
   Прошу вас, будьте любезны, помогите мне с этим вопросом и заранее благодарю за помощьd_daisy
avatar
rodniksveta
 

Женщина

Сообщения : 55
Возраст : 46
Регистрация : 2015-10-09
Благодарности : 1

Без предупреждений

http://reyki-rodniksveta.forumy2x2.com/

Вернуться к началу Перейти вниз

Решено Re: Отображение картинки в соцсетях при "поделиться"

Сообщение автор Dana Domirani в Вт 27 Июн - 13:19

См. официальную информацию по виджету Вк, например: https://vk.com/dev/widget_share

5. Используемая информация

Иллюстрация. Если на публикуемой странице есть теги og:image, twitter:image, image, то адрес изображения для иллюстрации будет взят из указанного первым, иначе будут взяты первые 8 тегов <img src="...">, и из них предложены в качестве иллюстрации те картинки, размер которых по ширине и высоте превышает 130 пикселей. Если картинка больше 537 пикселей в ширину, то на сайте ссылка будет сопровождаться увеличенной картинкой.

Пример кода сайта с указанием данных заголовка, описания и изображения для иллюстрации, используемых для публикации ВКонтакте:

...

Т.е. либо скрипт сам выбирает картинки (если он видит подходящие), либо Вы задаете ему одну — общую для всех тем форума.

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






Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22494
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9061

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Решено Re: Отображение картинки в соцсетях при "поделиться"

Сообщение автор rodniksveta в Вт 27 Июн - 15:37

Большое спасибо за скорый ответ. Да я  видела и читала это.  Но подскажите, пожалуйста, где я могу увидеть есть ли  "теги og:image, twitter:image, image"? 

По роду деятельности, я  далека от программирования, и думала, что эти скрипты уже заложены в тот готовый код, который копирую, в данном случае с pluso, для установки в виджет? Или это где-то в другом месте, или нужно еще куда-то что-то вносить? 

Интересно, что при "поделиться" в
-  Googl+, выбор картинки позволяет сделать, 
-  в "одноклассниках" - берет весь логотип, но уменьшает его и позволяет вообще убрать картинку, 
- в Фейсбуке - до поры, до времени показывало картинку из темы (пока не установила этот видже с вертикально расположенными кнопками от Pluso),
-  а в VK - всегда только кусок логотипа. 
 
Я нашла, что некоторым удалось решить эту проблему, с установкой этих кодов

в Контакте
Код:
<meta name="title" content="Заголовок статьи" />
<meta name="description" content="Описание статьи какой размер картинки шарить в соц сети." />
<link rel="image_src" href="http://mysite.com/mypic.jpg" />

в Фейсбуке
Код:
<meta property="og:title" content=""></meta>
<meta property="og:type" content="article"></meta>
<meta property="og:image" content=""></meta>
<meta property="og:url" content=""></meta>
<meta property="og:description" content=""></meta>
<meta property="fb:app_id" content="идентификатор_вашего_приложения_Facebook"></meta>

в Твиттер
Код:
<meta name="twitter:card" content="summary"></meta>
<meta name="twitter:title" content=""></meta>
<meta name="twitter:description" content=""></meta>
<meta name="twitter:image" content=""></meta>
 

Это можно как то использовать, чтобы решить  мой вопрос или нет? Если -да, то куда и как его нужно вставить.


И относительно размера картинок нашла
Спойлер:
Для Facebook – чем больше тем лучше! Минимальный размер 600×315 пикселей. Желательно соотношение сторон 1.91:1. Максимальный размер файла 5MB.
Для Вконтакте – минимальная ширина/высота 130 пикселей. Если картинка больше 537 пикселей в ширину, то на сайте ссылка будет сопровождать увеличенной картинкой
Для Google – минимально допустимая высота изображения – 120 пикселей. Если ширина изображения меньше 100 пикселей, то соотношение сторон не должно превышать 3.0
Для Twitter – минимальная ширина 280px и минимальная высота 150px. Размер файла не должен превышать 1MB.

 И правильно ли  понимаю, что теперь нужно все картинки, что были в темах ранее, привести к одному размеру 600*315, как в фейсбуке,  и размером до 1МВ,как в Твиттере, чтобы они могли отражаться во всех соцсетях одинаково?


Спасибо smile
avatar
rodniksveta
 

Женщина

Сообщения : 55
Возраст : 46
Регистрация : 2015-10-09
Благодарности : 1

Без предупреждений

http://reyki-rodniksveta.forumy2x2.com/

Вернуться к началу Перейти вниз

Решено Re: Отображение картинки в соцсетях при "поделиться"

Сообщение автор rodniksveta в Вт 4 Июл - 0:45

Подскажите, пожалуйста. Я вот тут нашла форум тоже  на forum2x2, где стоят кнопочки. Подскажите как сделать тоже так, только справа. Куда, как и что нужно вписать, чтобы тоже отражалось правильно как у них. Заранее спасибо.
avatar
rodniksveta
 

Женщина

Сообщения : 55
Возраст : 46
Регистрация : 2015-10-09
Благодарности : 1

Без предупреждений

http://reyki-rodniksveta.forumy2x2.com/

Вернуться к началу Перейти вниз

Решено Re: Отображение картинки в соцсетях при "поделиться"

Сообщение автор Леший в Вт 4 Июл - 0:53

avatar
Леший
 

Мужчина

Сообщения : 2146
Регистрация : 2012-10-05
Благодарности : 349

Без предупреждений

http://black-kat.forum2x2.ru

Вернуться к началу Перейти вниз

Решено Re: Отображение картинки в соцсетях при "поделиться"

Сообщение автор rodniksveta в Вт 4 Июл - 13:05

Спасибо, Леший за ссылку.  Перечитала и перепробовала все рекомендуемые туториалы . И по вашей ссылке тоже пробовала.  Вот еще раз попробовала по ней сделать, получить код и вставить в виджет. В результате на форуме получается вот такой вид виджета 
Спойлер:

С  рихтовкой внешнего вида,  я бы уже точно сама пробовала справиться и не беспокоить вас своими вопросами. Но сути это не меняет. После того, как нажать кнопку "поделиться"  уже и на этом виджете, в соцсети уходит, опять не картинка из темы, а кусок логотипа
Спойлер:


 Я сделала кнопочки, тоже из готовых решений с форума как рекомендовано здесь.
Все устраивает и размещение кнопок, и внешний вид. Кроме одного - результат при нажатии кнопки тот же.

Спойлер:
avatar
rodniksveta
 

Женщина

Сообщения : 55
Возраст : 46
Регистрация : 2015-10-09
Благодарности : 1

Без предупреждений

http://reyki-rodniksveta.forumy2x2.com/

Вернуться к началу Перейти вниз

Решено Re: Отображение картинки в соцсетях при "поделиться"

Сообщение автор rodniksveta в Вт 4 Июл - 13:23

Подскжите, что я делаю не так?

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

Код:
<div style="position: absolute; right: 1560px; bottom: 40%;"><script type="text/javascript">(function() {
  if (window.pluso)if (typeof window.pluso.start == "function") return;
  if (window.ifpluso==undefined) { window.ifpluso = 1;
    var d = document, s = d.createElement('script'), g = 'getElementsByTagName';
    s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true;
    s.src = ('https:' == window.location.protocol ? 'https' : 'http')  + '://share.pluso.ru/pluso-like.js';
    var h=d[g]('body')[0];
    h.appendChild(s);
  }})();</script>
 <div class="pluso" data-background="transparent" style="display:scroll; position:fixed; top:310px; right:3px;" data-options="medium,square,line,vertical,nocounter,theme=03" data-services="google,twitter,facebook,vkontakte,odnoklassniki">
 </div>
</div>


Потом, как указано в том же туториале иду в Панель Администрации - Оформление - Шаблоны - viewtopic_body вставляю этот же код в начало шаблона и публикую его


Спойлер:
avatar
rodniksveta
 

Женщина

Сообщения : 55
Возраст : 46
Регистрация : 2015-10-09
Благодарности : 1

Без предупреждений

http://reyki-rodniksveta.forumy2x2.com/

Вернуться к началу Перейти вниз

Решено Re: Отображение картинки в соцсетях при "поделиться"

Сообщение автор rodniksveta в Вт 4 Июл - 13:34

плиз..... d_daisy
avatar
rodniksveta
 

Женщина

Сообщения : 55
Возраст : 46
Регистрация : 2015-10-09
Благодарности : 1

Без предупреждений

http://reyki-rodniksveta.forumy2x2.com/

Вернуться к началу Перейти вниз

Решено Re: Отображение картинки в соцсетях при "поделиться"

Сообщение автор Леший в Ср 5 Июл - 1:08

rodniksveta, Вот Тут очень подробно, пошагово всё расписано.
avatar
Леший
 

Мужчина

Сообщения : 2146
Регистрация : 2012-10-05
Благодарности : 349

Без предупреждений

http://black-kat.forum2x2.ru

Вернуться к началу Перейти вниз

Решено Re: Отображение картинки в соцсетях при "поделиться"

Сообщение автор rodniksveta в Ср 5 Июл - 9:22

Так именно эту ссылку я и давала сама выше. Именно с этого  туториала и делала  - шаг в шаг! И вот такая картина у меня получилась..... 23 Поэтому и прошу посмотреть, что не так... Много раз переделывала повторяя пошагово ..... а результат тот же....
avatar
rodniksveta
 

Женщина

Сообщения : 55
Возраст : 46
Регистрация : 2015-10-09
Благодарности : 1

Без предупреждений

http://reyki-rodniksveta.forumy2x2.com/

Вернуться к началу Перейти вниз

Решено Re: Отображение картинки в соцсетях при "поделиться"

Сообщение автор Dana Domirani в Пт 7 Июл - 16:47

rodniksveta, как Вы совершенно правильно писали, картинка для соцсетей задается метатегом

Код:
<meta property="og:image" content="https://imgfast.net/users/1916/23/48/36/album/pb1u7910.jpg"/>

где content — прямая ссылка на картинку. Данный метатег должен размещаться в шаблоне overall_header (Верхняя часть страницы), перед тегом

Код:
</head>

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



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22494
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9061

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Решено Re: Отображение картинки в соцсетях при "поделиться"

Сообщение автор rodniksveta в Пн 10 Июл - 16:51

Дана, вопрос в том, что середины марта - все работало правильно и картинка в фейсбуке выбиралась из темы. Тогда или  я решила поменять кнопочки, или в фейсбуке что-то поменяли, но тогда... и  пошло- поехало(((( а возвращая назад, уже все остальное не восстанавливается (((
avatar
rodniksveta
 

Женщина

Сообщения : 55
Возраст : 46
Регистрация : 2015-10-09
Благодарности : 1

Без предупреждений

http://reyki-rodniksveta.forumy2x2.com/

Вернуться к началу Перейти вниз

Решено Re: Отображение картинки в соцсетях при "поделиться"

Сообщение автор rodniksveta в Пн 10 Июл - 17:09

В любом случае понятно и спасибо. Тему закрываю
avatar
rodniksveta
 

Женщина

Сообщения : 55
Возраст : 46
Регистрация : 2015-10-09
Благодарности : 1

Без предупреждений

http://reyki-rodniksveta.forumy2x2.com/

Вернуться к началу Перейти вниз

Решено Re: Отображение картинки в соцсетях при "поделиться"

Сообщение автор rodniksveta в Пн 10 Июл - 17:10

спасибо
avatar
rodniksveta
 

Женщина

Сообщения : 55
Возраст : 46
Регистрация : 2015-10-09
Благодарности : 1

Без предупреждений

http://reyki-rodniksveta.forumy2x2.com/

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу

- Похожие темы

 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения