Cómo configurar Webpushr en Blogger (Guía Manual)
¿Quieres que tus lectores reciban una notificación cada vez que publicas algo nuevo? Webpushr es una de las mejores herramientas para lograrlo, pero si usas Blogger, sabrás que no tenemos acceso a la raíz del servidor para subir archivos
.js (Service Workers). [1] No te preocupes, aquí te enseño cómo saltarte esa limitación de forma manual y efectiva.
1. Crea tu cuenta y configura tu sitio
Primero, regístrate en Webpushr. Al añadir tu sitio, selecciona la opción de "Custom Integration" o "Blogger" si aparece en la lista. Lo importante es obtener tu Tracking Code.
2. El truco: ¿Por qué manual?
Normalmente, las notificaciones push requieren subir un archivo llamado
webpushr-sw.js al directorio raíz. Como Blogger no permite subir archivos a la raíz, usaremos la configuración de "Integración sin Service Worker" o el modo de compatibilidad que ofrece la plataforma para sitios de terceros.3. Instalación del código en Blogger
Sigue estos pasos para activar el aviso de suscripción:
- Ve al panel de control de Blogger.
- Entra en la sección de Tema y haz clic en Editar HTML.
- Busca la etiqueta
</head>(puedes usarCtrl + F). - Justo antes de
</head>, pega el código de seguimiento que te proporcionó Webpushr. Debería verse algo así: - Guarda los cambios. [2, 3, 4]
4. Limitaciones que debes conocer
Al no poder subir el archivo secreto (Service Worker) a la raíz de Blogger:
- Suscripción vía Ventana Emergente: En lugar de una suscripción nativa directa en el navegador, Webpushr mostrará un "Child Window" (una ventanita extra) para completar el registro. Es la única forma en que Blogger puede gestionar el permiso.
- Envío Manual: Aunque puedes automatizar el RSS, te recomiendo entrar a tu panel de Webpushr y redactar tu notificación manualmente cada vez que lances un post importante para asegurar que llegue a todos.