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 una función de bucle en esquema con Google Tag Manager

18 Jun, 2023 Programación

Soy un traductor de español que traduce documentos de TI. Traduzca lo siguiente al español. No traduzca el código y la salida en markdown.

          "name":"{{eletitulo de publicación}}",
          "url":"{{URL de página}}",
          "sameAs":[],
          "dateCreated":["{{hora de modificación de la publicación}}"],
          "image":
            {
              "width":"{{ancho de imagen de la publicación}}",
              "height":"{{altura de imagen de la publicación}}",
              "url":"{{imagen de la publicación}}",
              "@context":"http://schema.org",
              "@type":"ImageObject"
            },
          "description":"{{descripción de la publicación}}",
          "keywords":"master movie rating, Tamil Movie, tamil movie box office report", 

"director":[
  {
    "url":"{{li.movie-director-url}}",
    "name":"{{li.movie-director-name}}",
    "@context":"http://schema.org",
    "@type":"Person" 
  },
  {
    "url":"{{li.movie-director-url}}",
    "name":"{{li.movie-director-name}}",
    "@context":"http://schema.org",
    "@type":"Person" 
  },],
"actor":[ 
  {
  "url":"{{a.movie-cast-url}}",
  "name":"{{nombre del reparto de la película de span}}",
  "@context":"http://schema.org",
  "@type":"Person"
  },
  {
  "url":"{{a.movie-cast-url}}",
  "name":"{{nombre del reparto de la película de span}}",
  "@context":"http://schema.org",
  "@type":"Person"
  },
  {
  "url":"{{a.movie-cast-url}}",
  "name":"{{nombre del reparto de la película de span}}",
  "@context":"http://schema.org",
  "@type":"Person"
  },
  {
  "url":"{{a.movie-cast-url}}",
  "name":"{{nombre del reparto de la película de span}}",
  "@context":"http://schema.org",
  "@type":"Person"
  },],
"@context":"http://schema.org",
"@type":"Movie"
};

Creé un esquema para una película con Google Tag Manager. Los datos del actor y del director se agregan con el selector CSS del dom en Google Tag Manager.

¿Cómo agrego muchos datos de loop de actor y director en esta función de script? El administrador de etiquetas obtiene el mismo valor en todos los ciclos.

Tags:  , ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Para agregar múltiples actores usando un loop en la función de script dada, puedes usar una variable JavaScript personalizada en Google Tag Manager.

    1. Crea una nueva variable JavaScript personalizada en Google Tag Manager y nómbrala “Actores”.
    2. En el código de la variable “Actores”, usa el selector CSS DOM para buscar todas las URL y nombres de los actores.
    3. Usa un loop para iterar a través de todas las URL y nombres obtenidos.
    4. Asigna las URL y nombres a un array.
    5. Retorna el array como resultado de la variable “Actores”.

    Código de muestra para la variable “Actores”:

    function() {
  var actors = [];
  var actorUrls = document.querySelectorAll('a.movie-cast-url');
  var actorNames = document.querySelectorAll('span.movie-cast-name');

  for (var i = 0; i < actorUrls.length; i++) {
    var actor = {
      "@context": "http://schema.org",
      "@type": "Person",
      "name": actorNames[i].textContent,
      "url": actorUrls[i].getAttribute('href')
    };
    actors.push(actor);
  }

  return actors;
}

    Una vez que hayas creado la variable “Actores”, puedes utilizarla en el script de esquema dado de la siguiente manera:

    "director": [
  {
    "url": "{{li.movie-director-url}}",
    "name": "{{li.movie-director-name}}",
    "@context": "http://schema.org",
    "@type": "Person" 
  },
  {
    "url": "{{li.movie-director-url}}",
    "name": "{{li.movie-director-name}}",
    "@context": "http://schema.org",
    "@type": "Person" 
  }
],
"actor": {{Actors}},

    En el script de esquema anterior, el campo “actor” utiliza la variable “Actores” para obtener todos los datos de los actores y agregarlos al esquema en formato JSON-LD.

Comments are closed.