Para poner un PDF en Blogger, puedes alojar el documento en Google Drive y mostrarlo en tu entrada mediante un visor. También conviene añadir un enlace para abrir el archivo en otra pestaña y descargarlo desde Drive cuando los permisos lo permitan.
Este método sirve para compartir guías, catálogos, ejercicios o documentos de consulta. En este tutorial encontrarás los pasos, ejemplos de código y comprobaciones para evitar que tus lectores vean el mensaje “Necesitas acceso”.
1. Sube el PDF a Google Drive
- Entra en Google Drive desde la computadora.
- Pulsa Nuevo → Subir archivo.
- Selecciona el documento PDF.
- Espera a que termine la carga y ábrelo para comprobar que se visualiza.
Utiliza un nombre descriptivo, como guia-de-inicio.pdf. Si el documento contiene imágenes pesadas, optimízalo antes de subirlo para que sea más cómodo consultarlo desde el celular.
2. Configura los permisos para tus lectores
Subir el archivo no significa que los visitantes del blog ya puedan abrirlo. Para compartir un documento destinado al público:
- Selecciona el PDF en Drive y pulsa Compartir.
- En Acceso general, selecciona Cualquier persona que tenga el vínculo o “Cualquier persona con el enlace”.
- Elige el rol Lector.
- Pulsa Copiar vínculo y guarda los cambios.
Con este ajuste, las personas que tengan el enlace podrán consultar el documento. No hace falta conceder permisos de edición. Si utilizas una cuenta de trabajo o escuela, tu organización puede limitar el acceso externo.
Comparte de esta manera solo documentos que quieras hacer accesibles mediante el enlace. Comprueba también que no incluyan información privada.
Abre el vínculo en una ventana de incógnito antes de continuar. Si solicita permisos, revisa el acceso general o las restricciones de tu cuenta.
3. Obtén el código para insertar el PDF
En la vista previa del PDF en Drive, busca el menú de tres puntos. Si aparece Abrir en una ventana nueva, selecciónalo. En esa ventana, revisa el menú y busca Insertar elemento. Cuando esté disponible, copia el código que proporciona Drive.
Las opciones pueden variar según la vista y el tipo de cuenta. El código del visor suele tener una estructura como esta:
<iframe
src="https://drive.google.com/file/d/ID_DEL_ARCHIVO/preview"
title="Vista previa del documento PDF"
width="100%"
height="600"
style="display:block;border:0;max-width:100%;"
loading="lazy"
allow="autoplay"
></iframe>Este bloque es un ejemplo: cambia ID_DEL_ARCHIVO por el identificador de tu PDF. Para encontrarlo, observa un enlace de este tipo:
https://drive.google.com/file/d/ID_DEL_ARCHIVO/view?usp=sharingEl identificador es el texto situado entre /d/ y /view. Para la vista incrustada se utiliza /preview.
Si el código o el enlace de tu archivo incluye un parámetro como resourcekey, consérvalo. Es preferible utilizar el código que entregue Drive cuando esté disponible, en lugar de reconstruir una dirección y perder parámetros de acceso.
4. Inserta el visor en la entrada de Blogger
- Entra en Blogger y abre la entrada o página donde quieres mostrar el documento.
- Cambia el editor a Vista HTML.
- Pega el código del visor en el punto del contenido donde deba aparecer.
- Pulsa Vista previa y comprueba el resultado.
- Guarda o publica cuando hayas terminado la revisión.
El ancho 100% adapta el marco al espacio de la entrada. La altura 600 reserva 600 píxeles para el visor; puedes cambiarla si necesitas más o menos espacio.
Si el código aparece escrito en lugar del visor, comprueba que lo pegaste en la vista HTML. En este tutorial los códigos se muestran como texto para que puedas copiarlos; en la entrada donde quieras mostrar tu PDF debes insertar las etiquetas reales del iframe.
5. Añade un enlace para abrir y descargar el PDF
Coloca debajo del visor un enlace alternativo. Así el lector podrá abrir el documento fuera del blog si el visor incrustado no funciona bien en su dispositivo.
<a
href="PEGA_AQUI_EL_ENLACE_COMPARTIDO_DE_DRIVE"
target="_blank"
rel="noopener noreferrer"
style="display:inline-block;padding:12px 20px;background:#174ea6;color:#ffffff;border-radius:8px;text-decoration:none;font-weight:700;"
>
Abrir PDF y ver opciones de descarga
</a>Sustituye PEGA_AQUI_EL_ENLACE_COMPARTIDO_DE_DRIVE por el vínculo completo que copiaste al compartir el archivo. Conserva sus parámetros.
Este botón abre el documento; no fuerza una descarga inmediata. El lector podrá utilizar la opción de descarga del visor cuando esté habilitada. Su ubicación puede cambiar según el navegador o la aplicación.
Si quieres permitir descargas, comprueba en la configuración de uso compartido que no hayas desactivado la opción de descargar para lectores y comentaristas. El permiso de lectura y la disponibilidad de descarga no son lo mismo.
6. Comprueba el resultado sin iniciar sesión
- Abre la entrada publicada en una ventana de incógnito.
- Comprueba que el PDF se ve sin solicitar acceso.
- Prueba el enlace situado debajo del visor.
- Revisa la consulta y la descarga desde un celular.
- Confirma que el archivo es el correcto y que las páginas se leen.
Si funciona únicamente cuando tienes tu cuenta abierta, vuelve a revisar los permisos. No basta con que tú, como propietario, puedas verlo.
Errores frecuentes al poner un PDF en Blogger
Aparece “Necesitas acceso”
Comprueba que el vínculo publicado corresponda al mismo archivo que compartiste y que el acceso general no siga restringido. Una cuenta laboral o educativa también puede impedir compartir fuera de la organización.
El enlace abre, pero el visor queda vacío
Revisa la dirección del iframe y conserva los parámetros necesarios. Prueba otro navegador o utiliza el enlace alternativo para abrir el PDF. Algunas restricciones del navegador o del contenido incrustado pueden afectar al visor.
No aparece la opción de descargar
Revisa los controles de descarga del archivo y las políticas de la organización, si corresponde. Cambiar el aspecto del botón en Blogger no permite saltarse los permisos de Drive.
El PDF tarda en cargar
Reduce el peso de las imágenes del documento y evita insertar varios visores en una misma entrada si no son necesarios. Puedes ofrecer una breve descripción y un enlace para abrir cada archivo.
El documento dejó de abrir después de cambiarlo
Si eliminaste el archivo y subiste otro, comprueba el nuevo enlace: un archivo nuevo puede tener un identificador diferente. Actualiza tanto el visor como el botón de apertura.
Preguntas frecuentes
¿Necesito un plugin para insertar un PDF en Blogger?
No para este método. Utilizas un archivo alojado en Drive, un visor incrustado y un enlace HTML.
¿Mis lectores necesitan una cuenta de Google?
El acceso mediante “Cualquier persona con el enlace” permite abrir el archivo sin iniciar sesión, siempre que la configuración de la cuenta o la organización no lo impida. Compruébalo en incógnito.
¿Se puede utilizar para un catálogo de productos?
Sí. Añade una descripción con la fecha de actualización y explica qué encontrará el lector. Comprueba periódicamente que el catálogo y los enlaces sigan vigentes.
¿Tengo que insertar el visor completo?
No. Si prefieres una entrada más sencilla, utiliza únicamente el enlace para abrir el PDF. Es una alternativa útil para documentos pesados o que se consultarán principalmente en celular.
No hay comentarios.:
Publicar un comentario