Как в соц.сетях постить картинки со страницы товара интернет-магазина

[Arman]

Здравствуйте, друзья!
Имеется интернет-магазин одежды на престашоп версии 1.6.
Установлен модуль blocksocial, который выводит кнопки на странице товара  публикаций в twitter, facebook, google+, pinterest
НО
они работают не так как хотелось бы, а именно
нужно, чтобы публикации содержали картинку товара, название товара и ссылку на сайт
а в настоящий момент твиттер содержит только название товара и ссылку на товар, в фейсбуке только логотип магазина и ссылка на магазин в целом, гул тоже только текст, в общем не то, что требуется для эффективной рекламы.

Как всегда, прошу помочь советом.

Начал копаться в sosialsharing.php и sosialsharing.js
Поскольку не имею специального образования чисто интуитивно понимаю, что собака зарыта где-то в этих кодах.

[Миколас]

Тебе микроразметку нужно добавляить в шаблоны. Читай спавку на facebook как нужно обзывать данные чтобы их парсил fb. 

[Arman]

Тебе микроразметку нужно добавляить в шаблоны. Читай спавку на facebook как нужно обзывать данные чтобы их парсил fb.

Ого, т.е. это очень сложно? Текст отправить легко, а картинку товара опубликовать - это совсем другая история?

[DarinSr]

Open Graph - разметка контента для корректного добавления его в социальные сети, как правило, используют для того, чтобы передать нужную информацию, например, название, описание и изображение, в соц. сеть
Обязательные мета теги:
- og:title — название объекта.
- og:type — тип.
- og:image — URL изображения.
- og:url — URL.
.Например, для того чтобы корректно была переданно изображение товара нужно в шаблоне product.tpl добавить мата-тег

Код: [Выделить]

<meta property="og:image" content=""изображение товара".png" />

[Arman]

Спасибо, буду эксперементировать

[Arman]

Привет, друзья!
Прошлый раз удалось добиться корректной работы модуля по постингу в соц сети. Прошло время. Я совсем забыло о проделанной работе и обновил модуль...........
На странице имеются все метки OG: и прочее.
На https://developers.facebook.com/tools/debug/sharing/ картинка, название и описание определяются прекрасно. Но на моем сайте все совсем не так.
Думаю дело в php, которое отвечает за отправку данных на фейсбук.

в папке /httpdocs/modules/socialsharing есть файлик socialsharing.php вот его содержание. В нем нет тех строк, что я менял в прошлой версии. А то я бы сумел восстановить по памяти.

Прошу помощи! Что нужно поменять в php и верно ли я копаю

Код: [Выделить]

<?php
/**
* 2007-2016 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Open Software License (OSL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/osl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author    PrestaShop SA <contact@prestashop.com>
*  @copyright 2007-2016 PrestaShop SA
*  @license   http://opensource.org/licenses/osl-3.0.php  Open Software License (OSL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*/

if (!defined('_PS_VERSION_'))
exit;

class SocialSharing extends Module
{
protected static $networks = array('Facebook', 'Twitter', 'Google', 'Pinterest');
protected $html = '';

public function __construct()
{
$this->name = 'socialsharing';
$this->author = 'PrestaShop';
$this->tab = 'advertising_marketing';
$this->need_instance = 0;
$this->version = '1.4.3';
$this->bootstrap = true;
$this->_directory = dirname(__FILE__);

parent::__construct();

$this->displayName = $this->l('Social sharing');
$this->description = $this->l('Displays social sharing buttons (Twitter, Facebook, Google+ and Pinterest) on every product page.');
$this->ps_versions_compliancy = array('min' => '1.6', 'max' => '1.6.99.99');
}

public function install()
{
if (!parent::install())
return false;

// Activate every option by default
Configuration::updateValue('PS_SC_TWITTER', 1);
Configuration::updateValue('PS_SC_FACEBOOK', 1);
Configuration::updateValue('PS_SC_GOOGLE', 1);
Configuration::updateValue('PS_SC_PINTEREST', 1);

// The module will add a meta in the product page header and add a javascript file
$this->registerHook('header');

// This hook could have been called only from the product page, but it's better to add the JS in all the pages with CCC
/*
$id_hook_header = Hook::getIdByName('header');
$pages = array();
foreach (Meta::getPages() as $page)
if ($page != 'product')
$pages[] = $page;
$this->registerExceptions($id_hook_header, $pages);
*/

// The module need to clear the product page cache after update/delete
$this->registerHook('actionObjectProductUpdateAfter');
$this->registerHook('actionObjectProductDeleteAfter');

// The module will then be hooked on the product and comparison pages
$this->registerHook('displayRightColumnProduct');
$this->registerHook('displayCompareExtraInformation');

// The module will then be hooked and accessible with Smarty function
$this->registerHook('displaySocialSharing');

return true;
}

public function getConfigFieldsValues()
{
$values = array();
foreach (self::$networks as $network)
$values['PS_SC_'.Tools::strtoupper($network)] = (int)Tools::getValue('PS_SC_'.Tools::strtoupper($network), Configuration::get('PS_SC_'.Tools::strtoupper($network)));

return $values;
}

public function getContent()
{
if (Tools::isSubmit('submitSocialSharing'))
{
foreach (self::$networks as $network)
Configuration::updateValue('PS_SC_'.Tools::strtoupper($network), (int)Tools::getValue('PS_SC_'.Tools::strtoupper($network)));
$this->html .= $this->displayConfirmation($this->l('Settings updated'));
Tools::clearCache(Context::getContext()->smarty, $this->getTemplatePath('socialsharing.tpl'));
Tools::clearCache(Context::getContext()->smarty, $this->getTemplatePath('socialsharing_compare.tpl'));
Tools::redirectAdmin($this->context->link->getAdminLink('AdminModules', true).'&conf=6&configure='.$this->name.'&tab_module='.$this->tab.'&module_name='.$this->name);

}

$helper = new HelperForm();
$helper->submit_action = 'submitSocialSharing';
$helper->currentIndex = $this->context->link->getAdminLink('AdminModules', false).'&configure='.$this->name.'&tab_module='.$this->tab.'&module_name='.$this->name;
$helper->token = Tools::getAdminTokenLite('AdminModules');
$helper->tpl_vars = array('fields_value' => $this->getConfigFieldsValues());

$fields = array();
foreach (self::$networks as $network)
$fields[] = array(
'type' => 'switch',
'label' => $network,
'name' => 'PS_SC_'.Tools::strtoupper($network),
'values' => array(
array(
'id' => Tools::strtolower($network).'_active_on',
'value' => 1,
'label' => $this->l('Enabled')
),
array(
'id' => Tools::strtolower($network).'_active_off',
'value' => 0,
'label' => $this->l('Disabled')
)
)
);

return $this->html.$helper->generateForm(array(
array(
'form' => array(
'legend' => array(
'title' => $this->displayName,
'icon' => 'icon-share'
),
'input' => $fields,
'submit' => array(
'title' => $this->l('Save')
)
)
)
));
}

public function hookDisplayHeader($params)
{
if (!isset($this->context->controller->php_self) || !in_array($this->context->controller->php_self, array('product', 'products-comparison')))
return;

$this->context->controller->addCss($this->_path.'css/socialsharing.css');
$this->context->controller->addJS($this->_path.'js/socialsharing.js');

if ($this->context->controller->php_self == 'product') {
$product = $this->context->controller->getProduct();

if (!Validate::isLoadedObject($product)) {
return;
}
if (!$this->isCached('socialsharing_header.tpl', $this->getCacheId('socialsharing_header|'.(isset($product->id) && $product->id ? (int)$product->id : ''))))
{
if (!defined('_PS_PRICE_COMPUTE_PRECISION_')) {
$compute_precision = 0;
} else {
$compute_precision = (float)constant('_PS_PRICE_COMPUTE_PRECISION_');
}
$this->context->smarty->assign(array(
'price' => Tools::ps_round($product->getPrice(!Product::getTaxCalculationMethod((int)$this->context->cookie->id_customer), null), $compute_precision),
'pretax_price' => Tools::ps_round($product->getPrice(false, null), $compute_precision),
'weight' => $product->weight,
'weight_unit' => Configuration::get('PS_WEIGHT_UNIT'),
'cover' => isset($product->id) ? Product::getCover((int)$product->id) : '',
'link_rewrite' => isset($product->link_rewrite) && $product->link_rewrite ? $product->link_rewrite : '',
));
}
}

return $this->display(__FILE__, 'socialsharing_header.tpl', $this->getCacheId('socialsharing_header|'.(isset($product->id) && $product->id ? (int)$product->id : '')));
}

public function hookDisplaySocialSharing()
{
if (!isset($this->context->controller) || !method_exists($this->context->controller, 'getProduct')) {
return;
}

$product = $this->context->controller->getProduct();

if (isset($product) && Validate::isLoadedObject($product))
{
$image_cover_id = $product->getCover($product->id);
if (is_array($image_cover_id) && isset($image_cover_id['id_image']))
$image_cover_id = (int)$image_cover_id['id_image'];
else
$image_cover_id = 0;

Media::addJsDef(array(
'sharing_name' => addcslashes($product->name, "'"),
'sharing_url' => addcslashes($this->context->link->getProductLink($product), "'"),
'sharing_img' => addcslashes($this->context->link->getImageLink($product->link_rewrite, $image_cover_id), "'")
));
}

if (!$this->isCached('socialsharing.tpl', $this->getCacheId('socialsharing|'.(isset($product->id) && $product->id ? (int)$product->id : ''))))
{
$this->context->smarty->assign(array(
'product' => isset($product) ? $product : '',
'PS_SC_TWITTER' => Configuration::get('PS_SC_TWITTER'),
'PS_SC_GOOGLE' => Configuration::get('PS_SC_GOOGLE'),
'PS_SC_FACEBOOK' => Configuration::get('PS_SC_FACEBOOK'),
'PS_SC_PINTEREST' => Configuration::get('PS_SC_PINTEREST')
));
}

return $this->display(__FILE__, 'socialsharing.tpl', $this->getCacheId('socialsharing|'.(isset($product->id) && $product->id ? (int)$product->id : '')));
}

protected function clearProductHeaderCache($id_product)
{
return $this->_clearCache('socialsharing_header.tpl', 'socialsharing_header|'.(int)$id_product);
}

public function hookDisplayCompareExtraInformation($params)
{
Media::addJsDef(array(
'sharing_name' => addcslashes($this->l('Product comparison'), "'"),
'sharing_url' => addcslashes($this->context->link->getPageLink('products-comparison', null, $this->context->language->id,
array('compare_product_list' => Tools::getValue('compare_product_list'))), "'"),
'sharing_img' => addcslashes(_PS_IMG_DIR_.Configuration::get('PS_LOGO_MAIL', null, null, $this->context->shop->id), "'"
)
));

if (!$this->isCached('socialsharing_compare.tpl', $this->getCacheId('socialsharing_compare')))
{
$this->context->smarty->assign(array(
'PS_SC_TWITTER' => Configuration::get('PS_SC_TWITTER'),
'PS_SC_GOOGLE' => Configuration::get('PS_SC_GOOGLE'),
'PS_SC_FACEBOOK' => Configuration::get('PS_SC_FACEBOOK'),
'PS_SC_PINTEREST' => Configuration::get('PS_SC_PINTEREST')
));
}

return $this->display(__FILE__, 'socialsharing_compare.tpl', $this->getCacheId('socialsharing_compare'));
}

public function hookDisplayRightColumnProduct($params)
{
return $this->hookDisplaySocialSharing();
}

public function hookExtraleft($params)
{
return $this->hookDisplaySocialSharing();
}

public function hookProductActions($params)
{
return $this->hookDisplaySocialSharing();
}

public function hookProductFooter($params)
{
return $this->hookDisplaySocialSharing();
}

public function hookActionObjectProductUpdateAfter($params)
{
return $this->clearProductHeaderCache($params['object']->id);
}

public function hookActionObjectProductDeleteAfter($params)
{
return $this->clearProductHeaderCache($params['object']->id);
}
}



[Миколас]

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

[Arman]

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

Извини за ламерские вопросы, где меняют разметку? Если в теле product.tpl путем внедрения og:name и прочего, что в дебугере фейсбука все определяется верно, а на моем сайте все криво.

[DarinSr]

Что на вашем сайте криво показано?
Скриншот приложите.

[Arman]

Что на вашем сайте криво показано?
Скриншот приложите.

Вот скриншот с моего сайта и та же страница в дебуггере

[Arman]

с моего сайта

[Миколас]

Разметка неправльная раз фото не может определить.

[Arman]

Разметка неправльная раз фото не может определить.

а почему тогда в дебуггере правильно отображается?

я в product.tpl добавил

Код: [Выделить]

<meta property="og:name" content="{$product->name|escape:'html':'UTF-8'}" />
<meta property="og:title" content="{$product->name|escape:'html':'UTF-8'}" />
<meta property="og:type" content="product" />
<meta property="og:url" content= "https://" />
<meta property="og:image" content="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'tm_large_default')|escape:'html':'UTF-8'}" />        

не помогло, от чего я добавил эти строки и в header.tpl

и еще вопрос с og:url, не знаю как указать ссылку на страницу                                                                       

[Arman]

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

[Adik]

Чтобы сделать самому придётся сначала прочитать про Open Graph protocol.
Для фото

Код: [Выделить]

<meta property="og:image" content="http://prestashop.ru/img.jpg">
<meta property="og:image:width" content="200">
<meta property="og:image:height" content="200">Для url

Код: [Выделить]

<meta property="og:url" content="{$link->getProductLink($product)}">