► Como crear rotador de links con javascript

Aquí les muestro un código simple hecho en javascript para rotar tus urls ya sea que tengas una web monetizada con varias empresas y quieras rotar el enlace o utilizas varios direct links, también funciona para rotar imágenes. Recuerda que debes importar la librería jquery para que funcione.




Lo primero que vamos hacer es crear una función 

 $( document ).ready(function() { }); 


Dentro de la función declaramos un array con los elementos (en este caso la cantidad de enlaces que quieras separados por una coma).

let urls = ['http://www.google.com', 'http://www.ebay.com']; 


Se crea una variable random utilizando el método "Math", pasando de referencia el tamaño del array.

var random = Math.floor(Math.random()*urls.length);


Se declara una variable que almacenara la "id" del elemento donde queremos agregar el enlace.

var ref = document.getElementById("id");


Utilizando el método setAttribute, agregamos el atributo "href" y por ultimo el indice del array, y dicho indice contendrá el enlace asignado aleatoriamente.

ref.setAttribute("href", urls[random]);


Para ejecutar el código ya sea dentro de un <div>, <a> o <img> solo debes agregar un atributo id el cual hará referencia a la id en la función javascript (puedes colocar otro nombre si quieres).


Y asi quedaria el codigo completo , para ejecutarlo coloca el codigo javascript antes de llegar a la etiqueta </body>.


 $( document ).ready(function() {
let urls = ['http://www.google.com', 'http://www.ebay.com'];
var random = Math.floor(Math.random()*urls.length);
var ref = document.getElementById("id");
ref.setAttribute("href", urls[random]);
}); 

Publicar un comentario

0 Comentarios