Url Informe Con parámetros DataStudio

Seguro te paso que creas un informe en DataStudio y al compartirlo como <iframe> necesitas pasar un parámetro para filtrar lo que el informe muestra según un ID puede ser de cliente o un ID de empresa, aquí te explico como crearlo.

Comencemos explicando, una variable en la URL es un parámetro que puede ser enviado de la forma

?params=valor

Este valor puede ser capturado dentro del DataStudio y utilizado para filtrar la información que queremos que se muestre.

Comencemos creando el parámetro, damos click en Añadir un parámetro y llenamos la información que nos solicita.

Aquí nos es importante los 2 nombres el ID Cliente es utilizado en el reporte y el id_cliente será utilizado en las configuraciones siguientes.

Vamos al menú superior y seleccionamos Recurso y Gestionar parámetros de URL de informes.

En la pantalla que nos muestra vamos a permitir que se modifique la URL del informe y aquí vemos que nos asigna un nombre a nuestra variable:

ds0.id_cliente.

Este valor lo vamos a pasar por la URL pero necesita previamente ser Codificado su URI con el comando encodeURIComponent, aquí Google explica como realizarlo en JavaScript.

En el siguiente código los pasos son:

1. Crear un JSON con el nombre del parámetro y su valor.

2. Convertir el objeto JSON a String.

3. Codificar la URI.

 
    var params = {
      "ds0.id_cliente": "23"
    };
    var paramsAsString = JSON.stringify(params);
    var encodedParams = encodeURIComponent(paramsAsString)

Ese proceso nos creará un valor como el siguiente:

%7B%22ds0.id_restaurant%22%3A%2223%22%7D.

En el siguiente código los pasos son:

1. Crear un JSON con el nombre del parámetro y su valor.

2. Convertir el objeto JSON a String.

3. Codificar la URI.

 
   $params = ['ds0.id_cliente' => "23"];
   $paramsAsString = json_encode($params);
   $encode = urlencode($paramsAsString);

Ahora vamos a generar la URL de nuestro informe para esto vamos al menú superior y seleccionamos Compartir la opción Insertar Informe.

Lo que nos muestra es el siguiente código para incrustarlo en cualquier página html, aquí nos vamos a enfocar en la url en src la cual es de la siguiente manera:

src=”https://datastudio.google.com/embed/reporting/797c51c2-73b7-4ac8-95fd-582fa4bdfabc/page/AbDfS”.

Agregemos nuestro resultado codificado anteriormente.

?params=%7B%22ds0.id_restaurant%22%3A%2223%22%7D.

La nueva URL nos quedará así:

src=”https://datastudio.google.com/embed/reporting/797c51c2-73b7-4ac8-95fd-582fa4bdfabc/page/pWWnC?params=%7B%22ds0.id_restaurant%22%3A%2223%22%7D”.

Eso reemplazamos en nuestro código de iframe y Listo.

Si queremos aplicar este parámetro como filtro podemos crear una fórmula para comparar el valor del parámetro con algún id de los datos que tenemos en el reporte.

CASE
   WHEN REGEXP_MATCH(Valor Comparar, Id Cliente) THEN true   
   ELSE false
END

Esta nueva dimensión que obtenemos de la fórmula nos devolverá True o False dependiendo si el parámetro es igual o no al valor que queremos comparar, ya con esta dimensión podemos agregarle como filtro a una Tabla o una lista dinámica para que muestre solo los datos de ese Cliente.

Si necesitas ayuda en crear tus Reportes Con Data Studio contáctanos, estaremos gustosos de ayudarte.