
Você pode usar JavaScript para exibir uma publicidade aleatória em sua página HTML. Aqui está um exemplo de como fazer isso:
- Primeiro, crie uma lista de anúncios que você deseja exibir. Cada anúncio deve ser um elemento HTML, com um ID único para referenciá-lo no JavaScript. Por exemplo:
html<div id="ad-1">
<img src="ad1.png" alt="Anúncio 1">
</div>
<div id="ad-2">
<img src="ad2.png" alt="Anúncio 2">
</div>
<div id="ad-3">
<img src="ad3.png" alt="Anúncio 3">
</div>
- Em seguida, adicione um elemento HTML que será o contêiner para a publicidade. Por exemplo:
html<div id="ad-container"></div>
- Em seguida, adicione o seguinte código JavaScript ao seu arquivo HTML. Ele selecionará aleatoriamente um dos anúncios da lista e o exibirá no contêiner:
html<script>
var ads = document.querySelectorAll('[id^="ad-"]');
var adIndex = Math.floor(Math.random() * ads.length);
var ad = ads[adIndex];
var container = document.getElementById('ad-container');
container.appendChild(ad);
</script>
O código JavaScript acima seleciona todos os elementos que possuem um ID que começa com "ad-", em seguida, gera um índice aleatório para escolher um anúncio aleatório da lista. Em seguida, ele adiciona o anúncio selecionado ao contêiner ad-container
.
Você pode colocar este código JavaScript na seção <head>
do seu arquivo HTML, ou no final do arquivo, antes da tag </body>
. Isso garantirá que o código JavaScript seja executado depois que os elementos da página forem carregados.