Cómo crear un bloqueador de acceso con aspecto personalizable a cualquier página con DollarUpload

Con los bloqueadores de contenido, los editores, podemos dar acceso a ciertas páginas a cambio de ingresos. Estos son ingresos provienen de ofertas que mostraremos a las visitas que quieran acceden a nuestro contenido, descarga o suscripción.

Es un tipo de intercambio que se suele reservar para contenido especial como sería el de pago pero en este caso el bloqueo no consiste en favorecer un desembolso económico directo hacia nosotros (como sería el de un muro de pago), si no el de completar una oferta -que puede ser gratuita para el usuario en muchos casos-, encuesta o formulario.

DollarUpload: Más de 100 ofertas para móviles y PCs desde España

DollarUpload es una plataforma que permite a sus usuarios conseguir ingresos por las descargas de sus archivos, acceso a enlaces y también a contenido. Tiene unas buenas tasas de pago y soporte para más de 240 países.

Como ya expliqué en esta entrada, la plataforma funciona en base una selección de ofertas, encuestas y formularios que se muestran al usuario y que debe desbloquear para tener acceso al contenido o enlace. Para España, en el momento de escribir esto, hay más 100 ofertas disponibles.

El bloqueador de contenido (Gateway) de DollarUpload es muy sencillo de usar y funciona a la perfección en sitio Blogger y seguro que muchos otros.

En mi caso lo he probado en la página del ranking de mi blog y ha quedado bastante bien. Como podéis ver lo he insertado dentro de una página y me la ha bloqueado perfectamente tapando todo el contenido (¡y sin redireccionar!):

Un ejemplo rápido (la barra oscura de abajo no se ve realmente)

Características y datos que debes conocer:

• Una vez que el widget se carga, la página en donde se muestre se desplaza, o permanece, arriba de todo. Pero No recarga la página así que no afecta al posicionamiento en buscadores.
• Bloquea el contenido únicamente del elemento en donde se encuentre el código que copiaremos. Si es una entrada, solo bloqueará la entrada (no he probado a hacerlo sobre una etiqueta div, si alguien lo hace que me avise, porfa).
• De momento no podemos hacerlo sensible al diseño, no hay esa opción ni en el panel ni en el código. El panel solo permite números absolutos.
• Podemos dar la opción de cerrar el bloqueador y permitir el acceso si el usuario así lo prefiere.
• El aspecto es personalizable pero creo que no se puede insertar código HTML en él.
• De momento no se muestran imágenes junto a las ofertas.
• No es necesario obtener, copiar y pegar el código cada vez que hacemos una modificación en el widget, se actualiza solo, una vez lo guardamos.
• También cuenta con varias plantillas predefinidas o puedas subir la tuya propia:

Algunas de las plantillas predefinidas.

Los ingresos que podamos conseguir dependen siempre del país de procedencia de la visita y de la oferta seleccionada. Esto puede ir desde 0,10$ hasta 10$ y mucho más. Esta es una guía para crear bloqueadores de contenido.

Tutorial DollarUpload: Cómo configurar nuestro widget bloqueador

Inicia sesión en DollarUpload y dirígete al menú lateral para seleccionar Gateways y hacer click en Create Getaway.

Esta primera pantalla te permite escoger una imagen para el fondo (Background Image), seleccionar una predefinida (Choose Template) o color para el fondo.

Un tamaño para el widget. Aunque Size permite insertar valores relativos (por ejemplo, 90%), finalmente solo se quedará con el número entero quedando finalmente de un tamaño de 90 píxeles cualquier de la dimensión que modifiquemos (Width es anchura y Height altura).

Header Text es el texto de la cabecera, Instructions son las instrucciones para que las visitas comprendan lo que ocurre y On-Exit Text es el mensaje que aparecerá cuando cierren el widget -si el botón está habilitado-.

Usa un nombre descriptivo para nombra a tu bloqueador en Gateway Name. El botón Edit Gateway sirve para guardar los datos y Preview Gateway para ver una previsualización de su aspecto.

En la siguiente pestaña (Advanced Appearance) tenemos más configuraciones como el color y la tipografía de cada elemento de nuestro widget. Hay una opción para que el texto del enlace de las ofertas se muestre en negrita (bold). 

Podemos añadir un borde y su color, así como variar la opacidad a la capa que cubrirá el contenido (Overlay) bloqueado.

La siguiente pantalla nos permitirá una configuración general del bloqueador. Con Unlock Period seleccionamos una duración para el acceso al contenido sin que vuelva a aparecer el bloqueador; segundos, minutos, horas o días.

Redirect URL es opcional y nos permite hacer una redirección a cualquier página una vez que se complete la oferta. Si lo dejas en blanco no se realiza ninguna redirección y el usuario se mantiene en la misma página teniendo descubierto todo el contenido.

Con Start Delay seleccionamos un retardo de tiempo en segundos para que el bloqueador aparezca. Esto es interesante para darle tiempo a conocer lo que hay en la página.

La opción Include Close Link permite insertar un botón para que tus visitas puedan cerrar el bloqueador. De este modo no conseguir ingresos una vez lo haya cerrado pero tendremos a un usuario feliz.

El número de ofertas que se muestran se controla con Number of Offers -yo creo que cuantas más mejor- pero puede ser una cuestión de espacio el tener que poner menos. Si es así prueba a cambiar el tamaño de la fuente del texto.

Finalmente tenemos la opción de mostrar este widget en todos los países, solo en Estados Unidos, Reino Unido, Canadá y Australia, o escoger manualmente los países cuyas visitas lo verán (Manually Choose Countries).

Una vez hayas completado la configuración de tu widget pulsa en Edit Gateway para guardarla y dirígete de nuevo al menú lateral para seleccionar Manage Getaways.

Conseguir e insertar el código del bloqueador en nuestro sitio

Desde ahí podrás conseguir el código para incrustarlo en tu web. Selecciona el bloqueador que acabas de crear y pulsa en Get Code.

Hay 2 opciones; el primero si no tienes jQuery instalado y el segundo si ya lo tienes. La segunda debe ser instalada en la sección head del código fuente de nuestra plantilla. La segunda se puede pegar en cualquier parte.

Asegúrate de copiar el código completamente. En la caja en donde se muestra no se ve completo. Debe terminar en </script>.

El código debemos pegarlo para que aparezca en el mismo elemento y la misma URL que queremos bloquear. Podemos insertarlo por ejemplo en:

1. Una entrada o una página. Usa el modo de edición HTML del editor de entradas para pegar el script en el interior.
2. Todas las entradas. Pégalo en un widget de la plantilla. Si usas el código para usuario de jQuery en la sección head.
3. Si alguien averigua como usarlo en solo las entradas de la versión móvil y en fragmentos del contenido de las entradas que me avise, por favor.

Cargar el bloqueador cuando el usuario hace click en un elemento

Si se quiere usar este bloqueador sólo después de hacer click en un enlace (u otro objeto como un botón o una imagen) de tu página y no cuando se carga la página, es posible de hacer.

En primer lugar, Edita tu bloqueador y establecer el inicio de retardo a -1. Entonces debemos usar el evento onClick de Javascript para que active el bloqueador:

<a href="javascript:funcionCargaBloqueador()">Haz click aquí</a>

O en una imagen:

<img src="imagen.jpg" onclick="funcionCargaBloqueador()" />

Aquí tienes más info sobre dónde colocar los scripts para este caso.

Cómo veis es muy sencillo tener un bloqueador de contenido funcionando en nuestro sitio con muy poco esfuerzo y muy poco tiempo. Y mucho más; todo gratis.

Enlace y registro: dollarupload.com

Más info sobre DollarUpload: exprimiblog.blogspot.com