Автор Тема: Как в соц.сетях постить картинки со страницы товара интернет-магазина  (Прочитано 394 раз)

07 Июнь 2016, 16:05:27
  • Пользователь
  • **
  • Сообщений: 77
  • Репутация: +1/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Здравствуйте, друзья!
Имеется интернет-магазин одежды на престашоп версии 1.6.
Установлен модуль blocksocial, который выводит кнопки на странице товара  публикаций в twitter, facebook, google+, pinterest
НО
они работают не так как хотелось бы, а именно
нужно, чтобы публикации содержали картинку товара, название товара и ссылку на сайт
а в настоящий момент твиттер содержит только название товара и ссылку на товар, в фейсбуке только логотип магазина и ссылка на магазин в целом, гул тоже только текст, в общем не то, что требуется для эффективной рекламы.

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

Начал копаться в sosialsharing.php и sosialsharing.js
Поскольку не имею специального образования чисто интуитивно понимаю, что собака зарыта где-то в этих кодах.
07 Июнь 2016, 20:36:50
Ответ #1
  • Ветеран
  • *****
  • Сообщений: 3077
  • Репутация: +72/-5
  • Сообщество PrestaShop
    • Просмотр профиля
Тебе микроразметку нужно добавляить в шаблоны. Читай спавку на facebook как нужно обзывать данные чтобы их парсил fb. 
08 Июнь 2016, 09:20:12
Ответ #2
  • Пользователь
  • **
  • Сообщений: 77
  • Репутация: +1/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Тебе микроразметку нужно добавляить в шаблоны. Читай спавку на facebook как нужно обзывать данные чтобы их парсил fb.
Ого, т.е. это очень сложно? Текст отправить легко, а картинку товара опубликовать - это совсем другая история?
08 Июнь 2016, 09:41:12
Ответ #3
  • Модератор
  • Ветеран
  • *****
  • Сообщений: 86543
  • Репутация: +25419/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Open Graph - разметка контента для корректного добавления его в социальные сети, как правило, используют для того, чтобы передать нужную информацию, например, название, описание и изображение, в соц. сеть
Обязательные мета теги:
- og:title — название объекта.
- og:type — тип.
- og:image — URL изображения.
- og:url — URL.
.Например, для того чтобы корректно была переданно изображение товара нужно в шаблоне product.tpl добавить мата-тег
<meta property="og:image" content=""изображение товара".png" />
08 Июнь 2016, 17:32:05
Ответ #4
  • Пользователь
  • **
  • Сообщений: 77
  • Репутация: +1/-0
  • Сообщество PrestaShop
    • Просмотр профиля
28 Март 2017, 09:21:51
Ответ #5
  • Пользователь
  • **
  • Сообщений: 77
  • Репутация: +1/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Привет, друзья!
Прошлый раз удалось добиться корректной работы модуля по постингу в соц сети. Прошло время. Я совсем забыло о проделанной работе и обновил модуль...........
На странице имеются все метки 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(falsenull), $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'nullnull$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);
}
}

28 Март 2017, 11:02:48
Ответ #6
  • Ветеран
  • *****
  • Сообщений: 3077
  • Репутация: +72/-5
  • Сообщество PrestaShop
    • Просмотр профиля
Модуль отвечает за отправку, а за внешний вид разметка.
Отправка у тебя работает, меняй разметку для того, чтобы красиво выглядело.
28 Март 2017, 13:36:56
Ответ #7
  • Пользователь
  • **
  • Сообщений: 77
  • Репутация: +1/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Модуль отвечает за отправку, а за внешний вид разметка.
Отправка у тебя работает, меняй разметку для того, чтобы красиво выглядело.
Извини за ламерские вопросы, где меняют разметку? Если в теле product.tpl путем внедрения og:name и прочего, что в дебугере фейсбука все определяется верно, а на моем сайте все криво.
28 Март 2017, 14:04:27
Ответ #8
  • Модератор
  • Ветеран
  • *****
  • Сообщений: 86543
  • Репутация: +25419/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Что на вашем сайте криво показано?
Скриншот приложите.
28 Март 2017, 15:37:42
Ответ #9
  • Пользователь
  • **
  • Сообщений: 77
  • Репутация: +1/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Что на вашем сайте криво показано?
Скриншот приложите.

Вот скриншот с моего сайта и та же страница в дебуггере
28 Март 2017, 15:41:16
Ответ #10
  • Пользователь
  • **
  • Сообщений: 77
  • Репутация: +1/-0
  • Сообщество PrestaShop
    • Просмотр профиля
28 Март 2017, 16:59:36
Ответ #11
  • Ветеран
  • *****
  • Сообщений: 3077
  • Репутация: +72/-5
  • Сообщество PrestaShop
    • Просмотр профиля
Разметка неправльная раз фото не может определить.
28 Март 2017, 18:43:46
Ответ #12
  • Пользователь
  • **
  • Сообщений: 77
  • Репутация: +1/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Разметка неправльная раз фото не может определить.
а почему тогда в дебуггере правильно отображается?

я в 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, не знаю как указать ссылку на страницу                                                                       
29 Март 2017, 06:46:19
Ответ #13
  • Пользователь
  • **
  • Сообщений: 77
  • Репутация: +1/-0
  • Сообщество PrestaShop
    • Просмотр профиля
перед тем как спросить я две недели сам эксперементировал, поскольку точных знаний у меня, к сожалению, нет.
Так что очень прошу помощи!
29 Март 2017, 09:38:34
Ответ #14
  • Ветеран
  • *****
  • Сообщений: 14187
  • Репутация: +14571/-2
  • Сообщество PrestaShop
    • Просмотр профиля
Чтобы сделать самому придётся сначала прочитать про 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)}">