Фейсбук не ищет картинки в теме - Дизайн и модификация Invision Power Board

Перейти к содержимому

 

Правила раздела

Здесь обсуждаются вопросы по настройке и администрированию форумов IPB 3.x.
Пожалуйста, не оффтопьте, если зашли сюда случайно, и обратите внимание на соседние разделы.
Установка, настройка и обслуживание форумов IPB 2.x.
Оформление форумов, включая верстку скинов.
Размещение рекламы на форумах.
SEO оптимизация форума.
Техническая поддержка наших скинов и модов.

СвернутьПрикрепленные теги

Теги не найдены

  • 2 Страниц +
  • 1
  • 2

Фейсбук не ищет картинки в теме IPB 3.4.9

#1 Пользователь не на сайте   Qartvela™ ответил: »

 
 
  • Advanced
  • Смотреть блог
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Specialist
  • Сообщений: 228
  • Регистрация: 15-Февраль 11
  • Репутация: 24
  • IPB version:3.1.x
 

Отправлено 20 Декабрь 2017 - 12:03

То есть...

Когда открываешь тему и добавляешь картинки в виде:

[img]http://site.com/image.jpg[/img]

или

[img=http://site.com/image.jpg]

А потом делишься ссылкой темы или поста на фейсбук, он (фейсбук) не видит картинку из темы и отображает стандартную картинку og:image

Но если добавляешь картинку через стандартную функцию "Attachment" тогда фейсбук видит и загружает картинку в диалоговом окне.

Как эту проблему решит?
0

#2 Пользователь не на сайте   Qartvela™ ответил: »

 
 
  • Advanced
  • Смотреть блог
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Specialist
  • Сообщений: 228
  • Регистрация: 15-Февраль 11
  • Репутация: 24
  • IPB version:3.1.x
 

Отправлено 20 Декабрь 2017 - 13:49

Но если устанавливаю это hook
Вложение  bim_image_meta_tag_hook.rar (1,78К)
Количество загрузок: 3
тогда фейсбук находит картинку, но из первого поста. А бывает что в первом посте только текст написано :(

Hook details:
Automatically retrieve the first image from the article (including the attached image) and then add it to the meta tag "og: image". So when you share posts on facebook or other social networks it will have that screenshots instead of the fixed meta_image.png image of the IPB.
https://ipsviet.com/topic/35915-bim34-image-meta-tag-101/

0

#3 Пользователь не на сайте   newbie ответил: »

 
 
  • Advanced
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins.ru Team
  • Сообщений: 3 935
  • Регистрация: 26-Октябрь 11
  • Репутация: 1 525
  • IPB version:I have no IPB
 

Отправлено 20 Декабрь 2017 - 13:50

FB и не должен картинки искать.
Зайдя на страница, он ищет теги Open Graph.

Для изображения это og:image.

Если в посте есть вложения, то тег добавляется автоматически на страницу.
0

#4 Пользователь не на сайте   Qartvela™ ответил: »

 
 
  • Advanced
  • Смотреть блог
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Specialist
  • Сообщений: 228
  • Регистрация: 15-Февраль 11
  • Репутация: 24
  • IPB version:3.1.x
 

Отправлено 20 Декабрь 2017 - 13:56

Тогда как добавить картинки в og:image которые вставлены через bbcode?

[img]http://site.com/image.jpg[/img]

или

[img=http://site.com/image.jpg]



Цитата

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

Конечно есть, но не добавляется.

Например... Из одной темы с форума, где точно вставлены картинки, В FireBug видно картинка который задан для og:image
<meta property="og:image" content="http://site.com/fb_600_315.jpg"/>

В https://developers.f...om/tools/debug/ & https://developers.f...ebug/og/object/ тоже самое.
0

#5 Пользователь не на сайте   Qartvela™ ответил: »

 
 
  • Advanced
  • Смотреть блог
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Specialist
  • Сообщений: 228
  • Регистрация: 15-Февраль 11
  • Репутация: 24
  • IPB version:3.1.x
 

Отправлено 21 Декабрь 2017 - 08:20

Кстати, тоже самое с G+ один в один.
0

#6 Пользователь не на сайте   Haktar ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 1 064
  • Регистрация: 13-Июнь 09
  • Репутация: 23
  • IPB version:3.1.x
 

Отправлено 21 Декабрь 2017 - 08:35

Точно. Аналогичная проблема.

Стоит: <meta property="og:image" content="{$this->settings['meta_imagesrc']}" />
1

#7 Пользователь не на сайте   Haktar ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 1 064
  • Регистрация: 13-Июнь 09
  • Репутация: 23
  • IPB version:3.1.x
 

Отправлено 21 Декабрь 2017 - 08:38

Вот ещё об этой проблеме - http://qaru.site/que...-possibly-https
1

#8 Пользователь не на сайте   Qartvela™ ответил: »

 
 
  • Advanced
  • Смотреть блог
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Specialist
  • Сообщений: 228
  • Регистрация: 15-Февраль 11
  • Репутация: 24
  • IPB version:3.1.x
 

Отправлено 21 Декабрь 2017 - 10:26

В моем случае проблема в системе форума, он скрывает картинки для фейсбука и G+ которые вставлены с помощью bbcode.
0

#9 Пользователь не на сайте   newbie ответил: »

 
 
  • Advanced
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins.ru Team
  • Сообщений: 3 935
  • Регистрация: 26-Октябрь 11
  • Репутация: 1 525
  • IPB version:I have no IPB
 

Отправлено 21 Декабрь 2017 - 12:08

Просмотреть сообщениеQartvela™ сказал(а):

В моем случае проблема в системе форума, он скрывает картинки для фейсбука и G+ которые вставлены с помощью bbcode.

Форум и не должен их показывать.
Когда Вы добавляете аттачмент в виде картинки, то при отображении страницы темы добавляется тег og:image в код страницы.
Если нужен такой же трюк с обычными картинками, вставленными при помощи бибикода img, то нужно из постов вытаскивать изображения и добавлять og:image
0

#10 Пользователь не на сайте   Qartvela™ ответил: »

 
 
  • Advanced
  • Смотреть блог
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Specialist
  • Сообщений: 228
  • Регистрация: 15-Февраль 11
  • Репутация: 24
  • IPB version:3.1.x
 

Отправлено 22 Декабрь 2017 - 08:05

@newbie

Цитата

то нужно из постов вытаскивать изображения и добавлять og:image

Понятно. Как это сделать?
0

#11 Пользователь не на сайте   newbie ответил: »

 
 
  • Advanced
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins.ru Team
  • Сообщений: 3 935
  • Регистрация: 26-Октябрь 11
  • Репутация: 1 525
  • IPB version:I have no IPB
 

Отправлено 22 Декабрь 2017 - 09:58

Просмотреть сообщениеQartvela™ сказал(а):

Понятно. Как это сделать?


Например, добавить в шаблон post
preg_match('~<img[^>]*?src="([^"]*)"[^>]*>~i', $post['post']['post'], $matches); 
if ($matches[1])
{
	$this->registry->output->addMetaTag('og:image', $matches[1], false);
}

1

#12 Пользователь не на сайте   Qartvela™ ответил: »

 
 
  • Advanced
  • Смотреть блог
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Specialist
  • Сообщений: 228
  • Регистрация: 15-Февраль 11
  • Репутация: 24
  • IPB version:3.1.x
 

Отправлено 22 Декабрь 2017 - 10:55

@newbie
Супер! Работает! Спасибо большое!
0

#13 Пользователь не на сайте   Qartvela™ ответил: »

 
 
  • Advanced
  • Смотреть блог
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Specialist
  • Сообщений: 228
  • Регистрация: 15-Февраль 11
  • Репутация: 24
  • IPB version:3.1.x
 

Отправлено 23 Декабрь 2017 - 09:51

Сделал так:

1) С globalTemplate убрал и вставил в boardIndexTemplate:
<meta property="og:image" content="{$this->settings['meta_imagesrc']}"/>

Можно делать условие и оставить в globalTemplate:
<if this not a topick>
<meta property="og:image" content="{$this->settings['meta_imagesrc']}"/>
</if>


2) В шаблоне post:
preg_match('~<img[^>]*?src="([^"]*)"[^>]*>~i', $post['post']['post'], $matches); 
if ($matches[1])
{
    $this->registry->output->addMetaTag('og:image', $matches[1], false);
} else if ($matches[0]) {
$this->registry->output->addMetaTag('og:image', str_replace("\r", "", $this->settings['meta_imagesrc'] ), FALSE );
}


Сделал так потому что фейсбук сначало видел стандартную meta_imagesrc и брал его в кэш.
Щас когда нажимаю поделиться в окно показывается информация без картинки, закрываю окно и заново нажимаю поделиться, в открытом окне все показывается нормально. Или просто F5.
Это можно исправить?
0

#14 Пользователь не на сайте   Qartvela™ ответил: »

 
 
  • Advanced
  • Смотреть блог
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Specialist
  • Сообщений: 228
  • Регистрация: 15-Февраль 11
  • Репутация: 24
  • IPB version:3.1.x
 

Отправлено 27 Март 2019 - 07:43

Здравствуйте

<php>
if (preg_match('~<img[^>]*(bbc[^>]*img*)[^>]*src="([^"]*)"[^>]*?>~i', $post['post']['post'], $matches, PREG_OFFSET_CAPTURE, 0))
{ 
    print_r($matches[2]);
    $this->registry->output->addMetaTag('og:image', $matches[2]);
} else {
    print_r($matches[2]);
    echo 'Not found'; 
    $this->registry->output->addMetaTag('og:image', $this->settings['meta_imagesrc']);
}
</php>


Если картинка найдена выводит:
Not foundNot foundArray
(
    [0] => https://site.com/uploads/1.jpg
    [1] => 3240
)
Array
(
    [0] => https://site.com/uploads/2.jpg
    [1] => 1064
)
Not foundNot foundNot foundArray
(
    [0] => https://site.com/uploads/3.jpg
    [1] => 3185
)
Not foundNot foundNot foundNot foundNot foundArray
(
    [0] => https://site.com/uploads/4.jpg
    [1] => 1084
)
Not found


Не понимаю что ему не нравится :(
0

#15 Пользователь не на сайте   siv1987 ответил: »

 
 
  • Advanced
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins Team
  • Сообщений: 9 446
  • Регистрация: 20-Март 09
  • Репутация: 2 549
  • IPB version:3.1.x
 

Отправлено 27 Март 2019 - 10:29

Вам newbie написал другой вариант preg_match, зачем надо было менять формат?
else там явно лишний, потому что по умолчанию и так будет дефолтная картинка.
Этот код также отрабатывает для всех сообщений в теме, не только первой. Возможно имеет смысл ограничить только первым сообщением, или первой найденной картинкой.
0

Сообщить об этой теме:


  • 2 Страниц +
  • 1
  • 2


Быстрый ответ

  

1 пользователей читают эту тему
0 зарегистрированных, 1 гостей, 0 скрытых


Контактная информация

Вопросы по работе сайта

+7 (917) 501-4765
C 10 до 20 в рабочие дни (время московское)

Техническая поддержка

Контактные данные специалистов

Дизайн форумов

IPB 3.x ¦ IPB 2.x

Бесплатные шаблоны

IPB 3.2 – 3.4 ¦ IPB 3.1 ¦ IPB 3.0 ¦ IPB 2.2 – 2.3 ¦ IPB 2.1 ¦ Клипарт
Лицензия на использование ¦ Ваша поддержка ¦ О проекте
Copyright © 2005-2019 IPBSkins.ru Team
При копировании материалов с сайта
прямая ссылка на источник обязательна