es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

¿Cómo crear scripts dinámicos a partir de un script utilizando Jquery?

Tengo un script en el que estoy usando un loop foreach de Jquery para obtener datos, todo está funcionando bien ahora quiero crear un JSON-LD para que Google lo pueda leer.

Quiero crear un script y pasar mis valores que vienen del loop en ese script JSON para crear estos scripts de manera dinámica.

Además, mis scripts serán visibles cuando abra la opción “ver código fuente” de mi página.

He utilizado algunos scripts pero no funcionaron para mí. ¿Alguien puede sugerir cómo hacerlo?

Tags:  , , ,

Answer

  1. Avatar for davy.ai

    Para crear datos JSON-LD a partir de los valores provenientes del ciclo jQuery foreach, puede seguir los siguientes pasos:

    1. Declare una matriz vacía para almacenar los objetos JSON:
      var jsonData = [];
      
    2. Dentro del ciclo foreach, cree un nuevo objeto JSON con las propiedades requeridas:
      $.each(myData, function(index, value) {
         var data = {
             "@context": "http://schema.org",
             "@type": "Organization",
             "url": value.url,
             "name": value.name,
             "telephone": value.telephone
         };
      
        // agregue el objeto JSON a la matriz
        jsonData.push(data);
      });
      
    3. Convierta la matriz jsonData en una cadena:
      var jsonStr = JSON.stringify(jsonData);
      
    4. Cree una etiqueta de script con los datos JSON-LD como contenido y agréguela a la sección head de su página:
      var script = document.createElement("script");
      script.type = "application/ld+json";
      script.appendChild(document.createTextNode(jsonStr));
      document.head.appendChild(script);
      

    Nota: Dado que los scripts serán visibles al ver la fuente de la página, asegúrese de que los datos JSON-LD no se dupliquen o entren en conflicto con otros scripts en la página. Además, es posible que desee considerar el uso de un enfoque dinámico para renderizar los datos JSON-LD solo cuando sea necesario, en lugar de incluirlo en cada página.

Comments are closed.