Tag: web push

The technique of retargeting is a key point  in the digital market to increase sales by encouraging or reminding unfinished purchases. It is about encouraging the user in the last stretch of the purchase or helping him in the process. But how can I develop this technique with iurny?

Push notifications for web and app have this possibility in the delivery methods section; we explain all the steps in a simple way, without you having computer knowledge.

Click on the automatic type of shipping, in the Retargeting option. Then you have to fill in the following fields:

• Event code: This is the name you’ve given to the event on your website or app. In this example we are going to deal with the recovery of carts after the user has not finished the process on your website.
• Delivery offset: The waiting period to select when the retargeting notification is sent, after the desired event is executed on your website.
• Campaign validity period: Optional. To select the validity time of the campaign. If you do not set any dates, the retargeting will always be carried out.
• Hour interval: Optional. You can select the time range to send notifications. For example, if someone abandons a cart out of range, then they will receive the notification when starting the next range. If this field is not completed, notifications will be sent all day.

Event Code:
Let’s focus on this point to teach you how to perform this step within a cart recovery strategy: sending a notification to all those users who have left the purchase page before completion. To do this, we have to copy a piece of code on the purchase page; go to your editor’s area in the html version and look for the javascript closing tag </script> and copy our code before, without duplicating that closing tag. If you don’t locate the tag, don’t worry, directly copy this piece of code to the top including the start </script> and end tags</script>. It’s very simple, just copy and paste:

<script>

// iurny utils

function sendCustomEvent(params, successCallback, errorCallback) {

  if (Notification.permission != “granted”) {

    return;

  }

  var _successCallback = (typeof successCallback === “function”) ? successCallback : function () {};

  var _errorCallback = (typeof errorCallback === “function”) ? errorCallback : function () {};

  var key = “event_” + params.eventType + “_sentAt”;

  var lastSentDate = parseInt(localStorage.getItem(key) || “0”, 10);

  var now = (new Date()).getTime();

  var daysInMillis = params.days * 24 * 3600 * 1000;

  if (now – lastSentDate > daysInMillis) {

    indigitall.sendCustomEvent(params, function (response) {

      localStorage.setItem(key, now);

      _successCallback(response);

    }, _errorCallback);

  }

}

// iurny retargeting

  window.addEventListener(‘unload’, function (event) {

      sendCustomEvent({

      eventType: “cart_off“,

      days: 1,

      async: false

    });

  });

</script>

When copying this code you only have to take into account 2 variables that we have written in bold type. In the eventType you must put the name of the event that you will then use in the console. For example, we have called the event cart_off (in the code it will always go between the quotation mark symbols). And then there’s the number of days. We have written1, what does it mean? This specifies the number of waiting days for the user to receive another push notification even if they enter the purchase process several times without completing it. In this variable you can put the days that seem most successful to you so as not to send too many retargeting notifications since it is not recommended to use them constantly.

As you can see in the image below, we write exactly the same thing, cart_off, in the section of the event code. In the delivery offset, we have written down 2 hours so the user will receive our notification 2 hours after having closed the purchase process.

Now you only have to complete the push with an attractive title, in the body write the main message and use a photo that catches the user’s attention. Do not forget to put the link of your website so that they can make the purchase. One of the winning options is the launch of a limited-time discount to incentivize purchase. Here we remind you how to create a push.

Note: We have explained a simple method to use if you do not have the support of IT staff. On the contrary, here you have all the information that a programmer needs to perform this type of actions at an advanced level. Also this basic explanation serves if you are using our WordPress plugin, otherwise you will have to perform the capture of devices using the methods that we explain here.

La técnica del retargeting es clave en el mercado digital para aumentar ventas mediante el incentivo o recordatorio de compras no finalizadas. Se trata de animar al usuario en el último tramo de la compra o bien ayudarle en el proceso. Pero, ¿cómo puedo desarrollar esta técnica con iurny?

Las notificaciones push para web y app disponen de esta posibilidad en el apartado de Formas de envío; te explicamos todos los pasos de forma sencilla, sin que tengas conocimientos de informática.

Clica en la zona de envíos automáticos, en la opción de Retargeting. A continuación hay que rellenar los siguientes campos:

• Código de evento: Es el nombre que has puesto al evento en tu web o app. En este ejemplo vamos a tratar la recuperación de carritos después de que el usuario no haya finalizado el proceso en tu web.
• Desplazamiento de entrega: Periodo de tiempo de espera para seleccionar cuándo se realiza el envío de la notificación de retargeting, después de ejecutarse el evento deseado en tu web.
• Tiempo de activación de la campaña: Opcional. Para seleccionar cuál es el tiempo de vigencia de la campaña. Si no pones ninguna fecha, el retargeting se realizará siempre.
• Intervalo de horas para impactar: Opcional. Puedes seleccionar el rango horario para enviar las notificaciones. Por ejemplo, si alguien abandona un carrito fuera del rango, entonces recibirá la notificación al empezar el próximo rango. Si no se completa este campo, las notificaciones se enviarán durante las 24 horas.

Código de evento:

Vamos a centrarnos en este punto para enseñaros cómo realizar este paso dentro de una estrategia de recuperación de carritos. Es decir, enviar una notificación a todos aquellos usuarios que han abandonado la página de compra antes de la finalización. Para ello, tenemos que copiar un trozo de código en la página de compra; vete al área de tu editor en la versión de html y busca la etiqueta de cierre de javascript </script> y copia nuestro código antes, sin duplicar esa etiqueta de cierre. Si no localizas la etiqueta, no te preocupes, copia directamente este trozo de código en la parte superior incluyendo las etiquetas de inicio </script> y final </script>. Es muy sencillo, simplemente copia y pega:

<script>

// iurny utils

function sendCustomEvent(params, successCallback, errorCallback) {

  if (Notification.permission != "granted") {

    return;

  }

  var _successCallback = (typeof successCallback === "function") ? successCallback : function () {};

  var _errorCallback = (typeof errorCallback === "function") ? errorCallback : function () {};

  var key = "event_" + params.eventType + "_sentAt";

  var lastSentDate = parseInt(localStorage.getItem(key) || "0", 10);

  var now = (new Date()).getTime();

  var daysInMillis = params.days * 24 * 3600 * 1000;

  if (now - lastSentDate > daysInMillis) {

    indigitall.sendCustomEvent(params, function (response) {

      localStorage.setItem(key, now);

      _successCallback(response);

    }, _errorCallback);

  }

}

// iurny retargeting

  window.addEventListener('unload', function (event) {

      sendCustomEvent({

      eventType: "carrito_off",

      days: 1,

      async: false

    });

  });

</script>

Al copiar este código solo tienes que tener en cuenta 2 variables que hemos escrito en negrita. En el eventType deberás poner el nombre del evento que luego utilizarás en la consola. Por ejemplo, hemos llamado al evento carrito_off (en el código siempre irá entre los símbolos de comillas). Y luego está el número de days donde hemos anotado 1, ¿qué significa? Esto específica el número de días de espera para que el usuario reciba otra notificación push aunque entre varias veces en el proceso de compra sin completarlo. En esta variable puedes poner los días que te parezcan más acertados para no enviar demasiadas notificaciones de retargeting ya que no es recomendable su uso constante.

Como ves en la imagen de abajo, escribimos exactamente lo mismo, carrito_off,  en el apartado del nombre del evento. Y en el desplazamiento de entrega, hemos anotado 30 minutos por lo que el usuario recibirá nuestra notificación 30 minutos después de haber cerrado el proceso de compra.

Ahora solo te queda completar la push con un título atractivo, en el cuerpo escribe el mensaje principal y utiliza una foto que llame la atención del usuario. No olvides poner la dirección de tu página web para que puedan realizar la compra. Una de las opciones ganadoras es el lanzamiento de un descuento por tiempo limitado para incentivar la compra. Aquí te recordamos cómo se crea una push.

Nota: hemos explicado un método sencillo de uso si no cuentas con apoyo de personal informático. Por el contrario, aquí tienes toda la información que necesita un programador para realizar este tipo de acciones a nivel avanzado. Asimismo esta básica explicación sirve si estás usando nuestro plugin de WordPress, de lo contrario tendrás que realizar la captura de dispositivos mediante los métodos que te explicamos aquí.