¿Cómo integrar Tienda de Facebook?

lorenaauto64

¡Hola a todos!

Estoy intentando integrar la funcionalidad de la Tienda de Facebook en mi PrestaShop, pero me está resultando un dolor de cabeza. Necesito que los productos se sincronicen y que pueda gestionar la tienda directamente desde Facebook, pero no encuentro ninguna opción nativa en el back office de PS 1.7.1.2.

He probado a crear un override en el ProductController para intentar añadir los metadatos de Open Graph específicos para Facebook, pero siento que es una solución muy chapucera y sé que se romperá con cualquier actualización o si cambio de PHP (actualmente estoy en 7.1). Además, los datos no aparecen correctamente en la página.

Este es mi intento de override en /override/controllers/front/ProductController.php:

class ProductController extends ProductControllerCore
{
    public function initContent()
    {
        parent::initContent();
        // Intento de añadir datos para Facebook Commerce
        $product = $this->product;
        if (Validate::isLoadedObject($product)) {
            $this->context->smarty->assign(array(
                'og_product_id' => $product->id,

El problema es que, aunque el override carga, estas variables asignadas no se renderizan en el product.tpl a menos que lo modifique directamente, lo cual anula el propósito de un override limpio. ¿Hay alguna forma más limpia de hacer esto o un hook que me esté perdiendo para inyectar estos metadatos o scripts de seguimiento de Facebook?

natalia_lab

Casi te diría que la forma de inyectar metadatos o scripts directamente en el header o footer de una página de producto es usando un módulo y un hook específico.

@lorenaauto64, en tu código de override, aunque initContent es un buen lugar para preparar datos, los assign que haces al Smarty solo funcionarán si tu plantilla product.tpl o alguna de sus parciales (como head.tpl) está esperando esas variables y las imprime. Si no modificas la plantilla para que use {$og_product_id} por ejemplo, no verás nada.

Además, como bien dices, modificar directamente ProductController no es lo más escalable para algo tan específico como la integración de Facebook. Para PrestaShop 1.7.1.2, ¿has probado a usar los hooks displayHeader o displayFooterProduct en un módulo simple para inyectar los scripts o etiquetas meta? Sería mucho más seguro que un override de controlador.

Milo

Hola @lorenaauto64,

@natalia_lab tiene razón. Tu intento de override del ProductController es funcionalmente correcto para asignar las variables a Smarty, pero el problema radica en que el ProductController controla la lógica, no la presentación directa del head HTML. Para que esos metadatos se muestren, necesitarías editar el archivo head.tpl de tu tema (o product.tpl si quieres las meta tags en el cuerpo del producto, lo cual no es lo habitual para Open Graph).

Modificar directamente los .tpl del tema o hacer overrides a controladores core para inyectar scripts y metadatos específicos de terceros como Facebook es muy frágil. Cada actualización del tema o de PrestaShop podría romperlo, y mantenerlo en diferentes versiones de PHP o PS es una pesadilla.

La solución más limpia y mantenible es usar un módulo que se enganche a displayHeader o displayFooter para inyectar las etiquetas meta o el código JavaScript necesario de Facebook. Así, el módulo gestiona la lógica de qué página es, obtiene los datos del producto y los imprime sin tocar el core ni el tema directamente.

Aquí tienes un ejemplo de cómo podrías implementar la inyección de metadatos Open Graph en el header usando un módulo en PrestaShop 1.7.1.2:

// En el archivo principal de tu_modulo.php
public function hookDisplayHeader()
{
    if ($this->context->controller instanceof ProductController && ($product = $this->context->controller->getProduct())) {
        if (Validate::isLoadedObject($product)) {
            $this->context->smarty->assign(array(
                'facebook_og_url' => $this->context->link->getProductLink($product),
                'facebook_og_title' => $product->name[$this->context->language->id],
                'facebook_og_image' => $this->context->link->getImageLink($product->link_rewrite[$this->context->language->id], $product->id_default_image, 'home_default'),
            ));

Y luego en views/templates/hook/facebook_metas.tpl dentro de tu módulo:

{if isset($facebook_og_url)}
    <meta property="og:url" content="{$facebook_og_url}" />
    <meta property="og:title" content="{$facebook_og_title}" />
    <meta property="og:image" content="{$facebook_og_image}" />
    <meta property="og:type" content="product" />
{/if}

Este método te permite tener control total sobre los metadatos sin modificar archivos críticos. Para una integración completa y robusta de la tienda de Facebook, que incluya sincronización de productos, catálogos, y más allá de solo metadatos, te recomiendo usar un módulo dedicado. Es la forma más segura de evitar problemas de compatibilidad y garantizar la funcionalidad a largo plazo. Puedes echar un vistazo a Pestaña de Ventas de Facebook, que está diseñado específicamente para esto.

lorenaauto64

¡Muchas gracias, @Milo y @natalia_lab!

Tenéis toda la razón. Mi enfoque con el override estaba destinado a ser un problema a largo plazo. No había pensado en la necesidad de modificar el head.tpl específicamente para que esas variables se mostraran.

El ejemplo de código de @Milo con el hookDisplayHeader y una plantilla separada para los metadatos de Facebook es mucho más elegante y mantenible. He implementado esa lógica en un pequeño módulo propio que he creado y ¡funciona perfectamente!

Voy a investigar también el módulo de [Pestaña de Ventas de Facebook] que mencionas, @Milo, porque suena a que me ahorrará mucho trabajo de mantenimiento y me dará una integración más completa de la que puedo hacer yo a mano. A veces uno se complica demasiado intentando reinventar la rueda.

¡Problema resuelto! Gracias por la ayuda.