.brxe-block.cardAnuncio.ads {
grid-column: 1 / -1!important;
align-items: stretch!important;
display: flex!important;
flex-direction: column!important;
width: 100%!important;
border-radius: 0.5rem;
overflow: hidden;
}function insertAdsIntoList(options = {}) {
// Configurações padrão
const config = {
cardsPerAd: options.cardsPerAd || 10,
containerSelector: options.containerSelector || '#listaADS',
cardSelector: options.cardSelector || '.brxe-block.cardAnuncio:not(.ads)',
adClass: 'ads'
};
// Cache para anúncios já inseridos
const insertedAds = new Set();
/**
* Obtém e processa os dados dos anúncios do container
* @param {HTMLElement} container - Elemento container
* @returns {Array|null} Array de anúncios filtrados ou null
*/
function getAdsData(container) {
const nivel = container.getAttribute('data-nivel');
if (!nivel) return null;
try {
const rawAdsData = container.getAttribute('data-ads');
const adsData = JSON.parse(rawAdsData || '[]');
return adsData.filter(ad => ad.nivel === nivel);
} catch (error) {
console.warn('Erro ao processar dados dos anúncios:', error);
return null;
}
}
/**
* Cria o elemento HTML do anúncio
* @param {Object} ad - Dados do anúncio
* @returns {HTMLElement|null} Elemento do anúncio ou null
*/
function createAdElement(ad) {
if (!ad?.titulo || !ad?.url_destino) return null;
const adDiv = document.createElement('a');
adDiv.className = `brxe-block cardAnuncio ${config.adClass}`;
adDiv.href = ad.url_destino;
adDiv.setAttribute('title', ad.titulo);
// Adiciona imagem desktop se existir
if (ad.imagem_desktop) {
const desktopImg = document.createElement('img');
desktopImg.src = ad.imagem_desktop;
desktopImg.className = 'img-desktop';
desktopImg.alt = ad.titulo;
adDiv.appendChild(desktopImg);
}
// Adiciona imagem mobile se existir
if (ad.imagem_mobile) {
const mobileImg = document.createElement('img');
mobileImg.src = ad.imagem_mobile;
mobileImg.className = 'img-mobile';
mobileImg.alt = ad.titulo;
adDiv.appendChild(mobileImg);
}
return adDiv;
}
/**
* Seleciona um anúncio aleatório não utilizado
* @param {Array} ads - Array de anúncios disponíveis
* @returns {Object|null} Anúncio selecionado ou null
*/
function getRandomAd(ads) {
if (!ads?.length) return null;
// Filtra anúncios não utilizados
let availableAds = ads.filter(ad => !insertedAds.has(ad.titulo));
// Se todos os anúncios já foram usados, reinicia o cache
if (availableAds.length === 0) {
insertedAds.clear();
availableAds = ads;
}
// Seleciona um anúncio aleatório
const randomIndex = Math.floor(Math.random() * availableAds.length);
const selectedAd = availableAds[randomIndex];
// Adiciona o anúncio selecionado ao cache
if (selectedAd) {
insertedAds.add(selectedAd.titulo);
}
return selectedAd;
}
// Início da lógica principal
const container = document.querySelector(config.containerSelector);
if (!container) return;
const ads = getAdsData(container);
if (!ads?.length) return;
// Remove anúncios existentes antes de inserir novos
container.querySelectorAll(`.${config.adClass}`).forEach(ad => ad.remove());
// Pega todos os cards existentes após remover os anúncios
const cards = container.querySelectorAll(config.cardSelector);
if (!cards.length) return;
// Insere os anúncios a cada X cards
let processedCards = 0;
for (let i = 0; i < cards.length; i++) {
processedCards++;
// Verifica se deve inserir um anúncio
if (processedCards % config.cardsPerAd === 0) {
const selectedAd = getRandomAd(ads);
if (selectedAd) {
const adElement = createAdElement(selectedAd);
if (adElement && cards[i].nextSibling) {
container.insertBefore(adElement, cards[i].nextSibling);
} else if (adElement) {
container.appendChild(adElement);
}
}
}
}
}
// Inicialização automática quando o DOM estiver pronto
document.addEventListener('DOMContentLoaded', () => {
insertAdsIntoList();
});.brxe-block.cardAnuncio.ads {
grid-column: 1 / -1!important;
align-items: stretch!important;
display: flex!important;
flex-direction: column!important;
width: 100%!important;
}// Função principal para inserção de anúncios
const AdsManager = {
// Configurações
config: {
cardsPerAd: 10,
containerSelector: '#listaADS',
cardSelector: '.brxe-block.cardAnuncio:not(.ads)',
adClass: 'ads'
},
// Cache de dados
cache: {
insertedAds: new Set()
},
// Inicializa o gerenciador de anúncios
init() {
if (this.isInitialized) return;
this.isInitialized = true;
this.insertAdsIntoList();
},
// Obtém e valida os dados dos anúncios
getAdsData() {
const container = document.querySelector(this.config.containerSelector);
if (!container) return null;
const nivel = container.getAttribute('data-nivel');
if (!nivel) return null;
try {
const rawAdsData = container.getAttribute('data-ads');
const adsData = JSON.parse(rawAdsData || '[]');
return adsData.filter(ad => ad.nivel === nivel);
} catch (error) {
console.warn('Erro ao processar dados dos anúncios:', error);
return null;
}
},
// Cria elemento de anúncio
createAdElement(ad) {
if (!ad || !ad.titulo || !ad.url_destino) return null;
const adDiv = document.createElement('a');
adDiv.className = `brxe-block cardAnuncio ${this.config.adClass}`;
adDiv.href = ad.url_destino;
adDiv.setAttribute('title', ad.titulo);
if (ad.imagem_desktop) {
const desktopImg = document.createElement('img');
desktopImg.src = ad.imagem_desktop;
desktopImg.className = 'img-desktop';
desktopImg.alt = ad.titulo;
adDiv.appendChild(desktopImg);
}
if (ad.imagem_mobile) {
const mobileImg = document.createElement('img');
mobileImg.src = ad.imagem_mobile;
mobileImg.className = 'img-mobile';
mobileImg.alt = ad.titulo;
adDiv.appendChild(mobileImg);
}
return adDiv;
},
// Seleciona um anúncio aleatório não utilizado
getRandomAd(ads) {
if (!ads || !ads.length) return null;
let availableAds = ads.filter(ad => !this.cache.insertedAds.has(ad.titulo));
if (availableAds.length === 0) {
this.cache.insertedAds.clear();
availableAds = ads;
}
const randomIndex = Math.floor(Math.random() * availableAds.length);
const selectedAd = availableAds[randomIndex];
if (selectedAd) {
this.cache.insertedAds.add(selectedAd.titulo);
}
return selectedAd;
},
// Insere anúncios na lista
insertAdsIntoList() {
const container = document.querySelector(this.config.containerSelector);
if (!container) return;
const ads = this.getAdsData();
if (!ads || !ads.length) return;
// Remove anúncios existentes
container.querySelectorAll(`.${this.config.adClass}`).forEach(ad => ad.remove());
// Pega todos os cards existentes após remover os anúncios
const cards = container.querySelectorAll(this.config.cardSelector);
if (!cards.length) return;
// Contabiliza quantos cartões já foram processados
let processedCards = 0;
// Itera sobre todos os cartões existentes
for (let i = 0; i < cards.length; i++) {
processedCards++;
// A cada 10 cartões, insere um anúncio após o cartão atual
if (processedCards % this.config.cardsPerAd === 0) {
const selectedAd = this.getRandomAd(ads);
if (selectedAd) {
const adElement = this.createAdElement(selectedAd);
if (adElement && cards[i].nextSibling) {
container.insertBefore(adElement, cards[i].nextSibling);
} else if (adElement) {
container.appendChild(adElement);
}
}
}
}
}
};
// Inicializa quando o DOM estiver pronto
jQuery(document).ready(() => AdsManager.init());
