{"id":253484,"date":"2023-12-17T23:07:24","date_gmt":"2023-12-17T22:07:24","guid":{"rendered":"https:\/\/www.webempresa.com\/guias-mautic\/?post_type=ht_kb&#038;p=253484"},"modified":"2023-12-17T23:07:29","modified_gmt":"2023-12-17T22:07:29","slug":"conectar-mautic-con-onesignal","status":"publish","type":"ht_kb","link":"https:\/\/www.webempresa.com\/guias-mautic\/conectar-mautic-con-onesignal.html","title":{"rendered":"Conectar Mautic con OneSignal"},"content":{"rendered":"\n<p>Si habitualmente utilizas las notificaciones del navegador para tus visitantes quiz\u00e1 sea buena idea <strong>conectar Mautic con OneSignal<\/strong>, una plataforma desde donde puedes gestionar este tipo de mensajes.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><mark>En esta gu\u00eda veremos los aspectos b\u00e1sicos de la integraci\u00f3n entre OneSignal y Mautic, para acceder a las funcionalidades detalladas te recomendamos revisar <a href=\"https:\/\/documentation.onesignal.com\/docs\/onesignal-platform\" target=\"_blank\" rel=\"noopener\">la documentaci\u00f3n oficial de OneSignal<\/a>.<\/mark><\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Obteniendo-datos-desde-OneSignal\"><\/span>Obteniendo datos desde OneSignal<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Desde tu <span tabindex='0' class='glossary-item-container'>dashboard<span class='glossary-item-hidden-content'><span class='glossary-item-header'>Dashboard<\/span> <span class='glossary-item-description'>El panel de control de WordPress se denomina (del ingles) como <strong>dashboard<\/strong> y se trata de la pantalla que se muestra cuando se accede al \u00e1rea de administraci\u00f3n de tu web WordPress.Aunque el t\u00e9rmino \"dashboard\" se hace extensible a la mayor\u00eda de tableros de gesti\u00f3n y control de aplicaciones de escritorio, aplicaciones web y m\u00f3viles, es en WordPress donde m\u00e1s se ha popularizado este t\u00e9rmino.<\/span><\/span><\/span> de OneSignal, debes ir al apartado de \u00abAdd a new app\u00bb y elegir que quieres crear una app web a trav\u00e9s de \u00ab<span tabindex='0' class='glossary-item-container'>WordPress<span class='glossary-item-hidden-content'><span class='glossary-item-header'>WordPress<\/span> <span class='glossary-item-description'>Es un gestor de contenidos din\u00e1mico (CMS) que actualmente se utiliza en m\u00e1s del 40% de sitios web en Internet.<\/span><\/span><\/span> <span tabindex='0' class='glossary-item-container'>Plugin<span class='glossary-item-hidden-content'><span class='glossary-item-header'>Plugin<\/span> <span class='glossary-item-description'>Los <strong>plugins<\/strong> a\u00f1aden funcionalidades \"extra\" a una instalaci\u00f3n de WordPress para extender sus capacidades.Mediante plugins puedes hacer que tu web gestione redes sociales o env\u00ede contenidos de tus publicaciones, mostrar un inventario de productos digitales, un cat\u00e1logo de productos para venta, propiedades inmobiliarias, realizar la venta de servicios, gestionar v\u00eddeo y audio, etc.<\/span><\/span><\/span> or Website <span tabindex='0' class='glossary-item-container'>Builder<span class='glossary-item-hidden-content'><span class='glossary-item-header'>Builder<\/span> <span class='glossary-item-description'>Un builder es un constructor o personalizador de contenidos, que en el caso de WordPress, permite dise\u00f1ar sitios de forma relativamente sencilla utilizando herramientas y funciones integradas para a\u00f1adir casi cualquier cosa en una p\u00e1gina, una entrada (post) o en otras zonas de una sitio web. Por ejemplo Divi, Elementor, Visual Composer Website Builder, etc.<\/span><\/span><\/span>\u00bb.<\/p>\n\n\n\n<p>En este apartado solamente es ingresar el nombre, URL e \u00edcono del sitio a conectar y pulsar en \u00abSave\u00bb para continuar.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full border-image pulse center\"><a href=\"https:\/\/www.webempresa.com\/guias-mautic\/wp-content\/uploads\/2023\/12\/Web-Configuration.png\"><img loading=\"lazy\" decoding=\"async\" width=\"2880\" height=\"2952\" src=\"https:\/\/www.webempresa.com\/guias-mautic\/wp-content\/uploads\/2023\/12\/Web-Configuration.png\" alt=\"Configuraci\u00f3n de web app en OneSignal\" class=\"wp-image-253485\" srcset=\"https:\/\/www.webempresa.com\/guias-mautic\/wp-content\/uploads\/2023\/12\/Web-Configuration.png 2880w, https:\/\/www.webempresa.com\/guias-mautic\/wp-content\/uploads\/2023\/12\/Web-Configuration-585x600.png 585w, https:\/\/www.webempresa.com\/guias-mautic\/wp-content\/uploads\/2023\/12\/Web-Configuration-999x1024.png 999w, https:\/\/www.webempresa.com\/guias-mautic\/wp-content\/uploads\/2023\/12\/Web-Configuration-768x787.png 768w, https:\/\/www.webempresa.com\/guias-mautic\/wp-content\/uploads\/2023\/12\/Web-Configuration-50x50.png 50w, https:\/\/www.webempresa.com\/guias-mautic\/wp-content\/uploads\/2023\/12\/Web-Configuration-1499x1536.png 1499w, https:\/\/www.webempresa.com\/guias-mautic\/wp-content\/uploads\/2023\/12\/Web-Configuration-1998x2048.png 1998w, https:\/\/www.webempresa.com\/guias-mautic\/wp-content\/uploads\/2023\/12\/Web-Configuration-98x100.png 98w\" sizes=\"(max-width: 2880px) 100vw, 2880px\" \/><\/a><\/figure>\n\n\n\n<p>En la siguiente pantalla nos pide instalar <a href=\"https:\/\/wordpress.org\/plugins\/onesignal-free-web-push-notifications\/\" target=\"_blank\" rel=\"noopener\">el plugin oficial de WordPress<\/a> y muestra los identificadores que vamos a necesitar para integrar OneSignal tanto con WordPress como con Mautic.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full border-image pulse center\"><a href=\"https:\/\/www.webempresa.com\/guias-mautic\/wp-content\/uploads\/2023\/12\/Web-configuration-Ids.png\"><img loading=\"lazy\" decoding=\"async\" width=\"2880\" height=\"2224\" src=\"https:\/\/www.webempresa.com\/guias-mautic\/wp-content\/uploads\/2023\/12\/Web-configuration-Ids.png\" alt=\"Datos de integraci\u00f3n de OneSignal\" class=\"wp-image-253486\" srcset=\"https:\/\/www.webempresa.com\/guias-mautic\/wp-content\/uploads\/2023\/12\/Web-configuration-Ids.png 2880w, https:\/\/www.webempresa.com\/guias-mautic\/wp-content\/uploads\/2023\/12\/Web-configuration-Ids-600x463.png 600w, https:\/\/www.webempresa.com\/guias-mautic\/wp-content\/uploads\/2023\/12\/Web-configuration-Ids-1024x791.png 1024w, https:\/\/www.webempresa.com\/guias-mautic\/wp-content\/uploads\/2023\/12\/Web-configuration-Ids-768x593.png 768w, https:\/\/www.webempresa.com\/guias-mautic\/wp-content\/uploads\/2023\/12\/Web-configuration-Ids-50x39.png 50w, https:\/\/www.webempresa.com\/guias-mautic\/wp-content\/uploads\/2023\/12\/Web-configuration-Ids-1536x1186.png 1536w, https:\/\/www.webempresa.com\/guias-mautic\/wp-content\/uploads\/2023\/12\/Web-configuration-Ids-2048x1582.png 2048w, https:\/\/www.webempresa.com\/guias-mautic\/wp-content\/uploads\/2023\/12\/Web-configuration-Ids-60x46.png 60w, https:\/\/www.webempresa.com\/guias-mautic\/wp-content\/uploads\/2023\/12\/Web-configuration-Ids-100x77.png 100w\" sizes=\"(max-width: 2880px) 100vw, 2880px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Configurando-informacion-de-OneSignal-en-Mautic\"><\/span>Configurando informaci\u00f3n de OneSignal en Mautic<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Mautic ya incluye un complemento de OneSignal por defecto en tu instalaci\u00f3n, solamente debes localizarlo en el men\u00fa de la derecha <strong>Configuraci\u00f3n<\/strong> > <strong>Extensiones<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full border-image pulse center\"><a href=\"https:\/\/www.webempresa.com\/guias-mautic\/wp-content\/uploads\/2023\/12\/Extensiones-Mautic-OneSignal.png\"><img loading=\"lazy\" decoding=\"async\" width=\"2880\" height=\"1506\" src=\"https:\/\/www.webempresa.com\/guias-mautic\/wp-content\/uploads\/2023\/12\/Extensiones-Mautic-OneSignal.png\" alt=\"Extensi\u00f3n de OneSignal en Mautic\" class=\"wp-image-253488\" srcset=\"https:\/\/www.webempresa.com\/guias-mautic\/wp-content\/uploads\/2023\/12\/Extensiones-Mautic-OneSignal.png 2880w, https:\/\/www.webempresa.com\/guias-mautic\/wp-content\/uploads\/2023\/12\/Extensiones-Mautic-OneSignal-600x314.png 600w, https:\/\/www.webempresa.com\/guias-mautic\/wp-content\/uploads\/2023\/12\/Extensiones-Mautic-OneSignal-1024x535.png 1024w, https:\/\/www.webempresa.com\/guias-mautic\/wp-content\/uploads\/2023\/12\/Extensiones-Mautic-OneSignal-768x402.png 768w, https:\/\/www.webempresa.com\/guias-mautic\/wp-content\/uploads\/2023\/12\/Extensiones-Mautic-OneSignal-50x26.png 50w, https:\/\/www.webempresa.com\/guias-mautic\/wp-content\/uploads\/2023\/12\/Extensiones-Mautic-OneSignal-1536x803.png 1536w, https:\/\/www.webempresa.com\/guias-mautic\/wp-content\/uploads\/2023\/12\/Extensiones-Mautic-OneSignal-2048x1071.png 2048w, https:\/\/www.webempresa.com\/guias-mautic\/wp-content\/uploads\/2023\/12\/Extensiones-Mautic-OneSignal-60x31.png 60w, https:\/\/www.webempresa.com\/guias-mautic\/wp-content\/uploads\/2023\/12\/Extensiones-Mautic-OneSignal-100x52.png 100w\" sizes=\"(max-width: 2880px) 100vw, 2880px\" \/><\/a><\/figure>\n\n\n\n<p>Al pulsar sobre esta extensi\u00f3n, te pedir\u00e1 los datos que ya obtuvimos previamente desde OneSignal, que son:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>OneSignal App ID<\/strong>, que ser\u00eda <strong>APP ID<\/strong><\/li>\n\n\n\n<li><strong>Safari Web ID<\/strong><\/li>\n\n\n\n<li><strong>OneSignal <span tabindex='0' class='glossary-item-container'>REST API<span class='glossary-item-hidden-content'><span class='glossary-item-header'>REST API<\/span> <span class='glossary-item-description'>REST es un acr\u00f3nimo de <strong>REpresentational State Transfer<\/strong> (Transferencia de Estado Representativa) y un estilo arquitect\u00f3nico para sistemas hipermedia distribuidos, por lo que API REST o REST APi viene a ser el API que permite utilizar REST.Al igual que otros estilos arquitect\u00f3nicos, REST tiene sus principios rectores y restricciones. Estos principios deben satisfacerse para que una interfaz de servicio pueda denominarse RESTful.<\/span><\/span><\/span> <span tabindex='0' class='glossary-item-container'>Key<span class='glossary-item-hidden-content'><span class='glossary-item-header'>Key<\/span> <span class='glossary-item-description'>Una clave (del ingl\u00e9s <strong>key<\/strong>) es un campo, o una combinaci\u00f3n de campos, de una tabla de base de datos que se utiliza para recuperar y ordenar las filas de la tabla en funci\u00f3n de determinados requisitos. Las claves se definen para acelerar el acceso a los datos y, en muchos casos, para crear v\u00ednculos entre diferentes tablas.Las bases de datos relacionales incluyen principalmente claves primarias y externas. Mientras que las claves primarias refuerzan la integridad de la entidad y mantienen valores \u00fanicos, las claves externas mantienen la integridad referencial, creando una asociaci\u00f3n entre dos tablas.<\/span><\/span><\/span><\/strong>, que ser\u00eda <strong><span tabindex='0' class='glossary-item-container'>API<span class='glossary-item-hidden-content'><span class='glossary-item-header'>API<\/span> <span class='glossary-item-description'>El t\u00e9rmino API es un acr\u00f3nimo, y significa \"<strong>Interfaz de Programaci\u00f3n de Aplicaciones<\/strong>\".Una API enumera un mont\u00f3n de operaciones que los desarrolladores pueden utilizar, junto con una descripci\u00f3n de lo que hacen. El desarrollador no necesita saber necesariamente c\u00f3mo, por ejemplo, un sistema operativo construye y presenta un cuadro de di\u00e1logo \"Guardar como\". S\u00f3lo necesita saber que est\u00e1 disponible para su aplicaci\u00f3n.<\/span><\/span><\/span> KEY<\/strong><\/li>\n<\/ul>\n\n\n\n<p>El \u00faltimo apartado que pide el plugin de Mautic es \u00abClave compartida para notificaciones push\u00bb.<\/p>\n\n\n\n<p>Dentro de la <a href=\"https:\/\/docs.mautic.org\/en\/channels\/marketing-messages\/web-notifications#gcm_sender_id\" target=\"_blank\" rel=\"noopener\">documentaci\u00f3n de Mautic<\/a>, este campo es conocido como <strong>gcm_sender_id<\/strong> y tiene que ver con el servicio Google Cloud Messaging (GCM). <\/p>\n\n\n\n<p>Se puede usar el valor por defecto, que ser\u00eda: <strong>482941778795<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full border-image pulse center\"><a href=\"https:\/\/www.webempresa.com\/guias-mautic\/wp-content\/uploads\/2023\/12\/Configuracion-en-Mautic.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1260\" height=\"1226\" src=\"https:\/\/www.webempresa.com\/guias-mautic\/wp-content\/uploads\/2023\/12\/Configuracion-en-Mautic.png\" alt=\"Datos de OneSignal en Mautic\" class=\"wp-image-253487\" srcset=\"https:\/\/www.webempresa.com\/guias-mautic\/wp-content\/uploads\/2023\/12\/Configuracion-en-Mautic.png 1260w, https:\/\/www.webempresa.com\/guias-mautic\/wp-content\/uploads\/2023\/12\/Configuracion-en-Mautic-600x584.png 600w, https:\/\/www.webempresa.com\/guias-mautic\/wp-content\/uploads\/2023\/12\/Configuracion-en-Mautic-1024x996.png 1024w, https:\/\/www.webempresa.com\/guias-mautic\/wp-content\/uploads\/2023\/12\/Configuracion-en-Mautic-768x747.png 768w, https:\/\/www.webempresa.com\/guias-mautic\/wp-content\/uploads\/2023\/12\/Configuracion-en-Mautic-50x50.png 50w, https:\/\/www.webempresa.com\/guias-mautic\/wp-content\/uploads\/2023\/12\/Configuracion-en-Mautic-60x58.png 60w, https:\/\/www.webempresa.com\/guias-mautic\/wp-content\/uploads\/2023\/12\/Configuracion-en-Mautic-100x97.png 100w\" sizes=\"(max-width: 1260px) 100vw, 1260px\" \/><\/a><\/figure>\n\n\n\n<p>Tras aplicar los cambios, Mautic y OneSignal estar\u00e1n correctamente conectados.<\/p>\n\n\n\n<p>La ventaja principal que te da la integraci\u00f3n con Mautic es que podr\u00e1s dar un seguimiento a los visitantes de tu web y asignarles <span tabindex='0' class='glossary-item-container'>segmentos<span class='glossary-item-hidden-content'><span class='glossary-item-header'>Segmento<\/span> <span class='glossary-item-description'>Mautic te permite crear Segmentos para filtrar tus Contactos (Leads) en base a muchos criterios como url's visitadas, etiquetas, campa\u00f1as, etc.<\/span><\/span><\/span>, meterlos en campa\u00f1as para enviarles correos, etc.<\/p>\n\n\n\n<p>En este sentido, dentro del apartado de \u00ab<strong>Notificaciones Web<\/strong>\u00bb o \u00ab<strong>Notificaciones M\u00f3vil<\/strong>\u00bb vas a poder personalizar los mensajes enviados con las configuraciones de OneSignal, ya que si tienes usuarios registrados, puedes poner en la notificaci\u00f3n la informaci\u00f3n del contacto, por ejemplo:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u00abGracias {contactfield=firstname} por seguirnos.\u00bb<\/li>\n\n\n\n<li>\u00abTe enviaremos un mensaje a {contactfield=email} a la brevedad.\u00bb<\/li>\n<\/ul>\n\n\n\n<p>Los campos que puedes utilizar los encuentras en Mautic dentro del panel de configuraci\u00f3n de la derecha en el men\u00fa \u00ab<strong>Campos Personalizados<\/strong>\u00ab.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Integracion-con-WordPress\"><\/span>Integraci\u00f3n con WordPress<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Una vez has obtenido los datos desde OneSignal puedes integrar esta plataforma muy f\u00e1cilmente con WordPress usando el <a href=\"https:\/\/wordpress.org\/plugins\/onesignal-free-web-push-notifications\/\" target=\"_blank\" rel=\"noopener\">plugin del repositorio oficial<\/a> que puedes descargar en tu web.<\/p>\n\n\n\n<p>Tienes toda la informaci\u00f3n dentro de <a href=\"https:\/\/documentation.onesignal.com\/docs\/wordpress\" target=\"_blank\" rel=\"noopener\">la documentaci\u00f3n oficial de OneSignal<\/a> en cuanto a la integraci\u00f3n con WordPress.<\/p>\n\n\n\n<p>La integraci\u00f3n con Mautic no impide que puedas utilizar los mensajes generados desde OneSignal directamente con la personalizaci\u00f3n que gustes desde el apartado de \u00abMessages\u00bb en esta plataforma. <\/p>\n\n\n\n<p>Solamente que si quieres gestionar estas notificaciones a trav\u00e9s de tus campa\u00f1as en Mautic, deber\u00e1s hacer el seguimiento adecuado de las acciones a trav\u00e9s de las etiquetas y segmentos, para lo cual puedes usar <a href=\"https:\/\/www.webempresa.com\/guias-mautic\/instalar-configurar-wp-fusion-conectar-mautic.html\">el plugin WP Fusion<\/a>. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Si habitualmente utilizas las notificaciones del navegador para tus visitantes quiz\u00e1 sea buena idea conectar Mautic con OneSignal, una plataforma desde donde puedes gestionar este tipo de mensajes. En esta gu\u00eda veremos los aspectos b\u00e1sicos de la integraci\u00f3n entre OneSignal y Mautic, para acceder a las funcionalidades detalladas te recomendamos&#8230;<\/p>\n","protected":false},"author":44,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"_FSMCFIC_featured_image_caption":"","_FSMCFIC_featured_image_nocaption":"","_FSMCFIC_featured_image_hide":"","footnotes":""},"ht-kb-category":[1542,1508],"ht-kb-tag":[],"class_list":["post-253484","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-extensiones-mautic","ht_kb_category-integraciones"],"_ht_kb_post_views_count":"1575","rank_math_description":null,"rank_math_primary_category":null,"_links":{"self":[{"href":"https:\/\/www.webempresa.com\/guias-mautic\/wp-json\/wp\/v2\/ht-kb\/253484"}],"collection":[{"href":"https:\/\/www.webempresa.com\/guias-mautic\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.webempresa.com\/guias-mautic\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.webempresa.com\/guias-mautic\/wp-json\/wp\/v2\/users\/44"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webempresa.com\/guias-mautic\/wp-json\/wp\/v2\/comments?post=253484"}],"version-history":[{"count":1,"href":"https:\/\/www.webempresa.com\/guias-mautic\/wp-json\/wp\/v2\/ht-kb\/253484\/revisions"}],"predecessor-version":[{"id":253489,"href":"https:\/\/www.webempresa.com\/guias-mautic\/wp-json\/wp\/v2\/ht-kb\/253484\/revisions\/253489"}],"wp:attachment":[{"href":"https:\/\/www.webempresa.com\/guias-mautic\/wp-json\/wp\/v2\/media?parent=253484"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.webempresa.com\/guias-mautic\/wp-json\/wp\/v2\/ht-kb-category?post=253484"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.webempresa.com\/guias-mautic\/wp-json\/wp\/v2\/ht-kb-tag?post=253484"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}