Bring user mail as a parameter for dynamic embebed code

Design help Custom code
1

BRING USER MAIL AS A PARAMETER FOR DYNAMIC EMBEBED CODE
ya logree que mi tablero en lookerstudio se filtre por parametro en url. ahora lo que necesito es:
1- por un lado embeber el looker studio en webflow pero con un codigo que tenga la capacidad de variar según el dato de mail que reciba de memberstack. ¿me explico? entiendo que lo que tengo que lograr es que: memberstack logre enviarle la data de que quien esta iniciado sesion en ese momento y en esa page es por ejemplo “angelescuadro@hotmail.com” y que , con ese dato, webflow vaya y complete el parametro del codigo embebido con este mail y asi, termine mostrarlo el tablero filtrado como deseo.
intercambie con chatgpt y me plantea como solucion:
insertar un codigo embebed tipo iframe del tablero y despues un script para pegar en los settings de la page en la parte before body donde consulta el mail que esta iniciado sesion y lo inserta en el url que embebe despues en el iframe seteado en la pagina.
Hice tal cual lo que me fue indicando pero no logro hacer que se vea el dashboard ni que obtenga el mail en cuestion. ME AYUDAN?
Me adelanto en responderle cosas:
la version instalada de memberstack que tengo es la v1.:

En head code del proyecto en webflow.1. el iframe puesto en la pagina en cuestion es:

2. el script para poner en before body en la pagina es: 3. el looker studio en cuestion con el url ya configurado con parametro para que filtre es: [https://lookerstudio.google.com/reporting/dabccb63-fc75-4ec7-b27f-f7c2e59b7327/page/p_jiz9cjaurd?params=%7B%22ds364.emailparam%22:%22angelescuadro@hotmail.com%22%7D](https://lookerstudio.google.com/reporting/dabccb63-fc75-4ec7-b27f-f7c2e59b7327/page/p_jiz9cjaurd?params=%7B%22ds364.emailparam%22:%22angelescuadro@hotmail.com%22%7D)“El iframe debería cargar automáticamente con el tablero filtrado.” PERO NO SUCEDE! Me ayudan?comparto el link que me pasaron para el recording screen : [https://share.birdie.so/i/yPEtL6Dk](https://share.birdie.so/i/yPEtL6Dk)Here is my site Read-Only: **[LINK](http://)** ([how to share your site Read-Only link](https://university.webflow.com/article/sharing-your-sites-read-only-link))
2

Hola @Angeles_Cuadro , no se si entiendo bien tu pregunta o problema. Quieres poner un embed de LookerStudio personificado por cada usuario que tienes en tu sitio que usa Memberstack. En otras palabras el progresso que cada usuario tiene? Creo que ya hay soluciones para eso en Memberstack pero no estoy seguro si estan disponibles para V1. Déjame saber si eso es lo que necesitas y yo puedo preguntar en el canal de Slack de Memberstack.

3

Hola Ángeles,

Memberstack gives full access to the logged in user, from custom code, however you need to get your async/await operations right.

Your code has useful console logging in it, I’d recommend you walk through your console logs carefully to see what is happening;

  1. during the page load, when logged in
  2. during the page load, when logged out
  3. during login operations
  4. during logout operations

Memberstack brinda acceso completo al usuario que ha iniciado sesión desde el código personalizado, sin embargo necesitas manejar bien tus operaciones con async/await.

Tu código ya tiene registros de consola útiles, te recomiendo revisar cuidadosamente esos logs para ver qué está ocurriendo:

  1. durante la carga de la página, cuando hay una sesión iniciada
  2. durante la carga de la página, cuando no hay sesión iniciada
  3. durante las operaciones de inicio de sesión
  4. durante las operaciones de cierre de sesión
4

Hey @Angeles_Cuadro ,

While I have personally not tested the specific use-case that you shared, I can help you get rid of the email error that you showed in the console log. The code to fetch the logged in user’s email ID from Memberstack is as follows:

<script>
  window.$memberstackDom.getCurrentMember().then(({ data: member }) => {   
    if (member) {
      let email = member.auth.email;
    }
  });
</script>

So, in the code that you have in the ‘Before body tag’ section, you can replace ‘member.email’ with ‘member.auth.email’ in the respective places. This should bring you closer to the solution so that you can test if the fetched email is dynamically being mapped as per your rest of the code.

Hope this helps.

1 Like