' + esc(a.name) + '

' + '

' + a.s.n + ' pub' + (a.s.n > 1 ? 's' : '') + ' · ' + a.s.maxd + 'j max

'; }).join('') : '

Pas encore de données.

'; Array.prototype.forEach.call(document.querySelectorAll('.bar-fill'), function (el) { el.style.width = el.getAttribute('data-w') + '%'; }); var kwSel = $('f-kw'), cSel = $('f-country'); var kwNames = Object.keys(kws).sort(function (x, y) { return kws[y].win - kws[x].win || kws[y].n - kws[x].n; }); kwNames.forEach(function (k) { var o = document.createElement('option'); o.value = k; o.textContent = k; kwSel.appendChild(o); }); Object.keys(countries).sort().forEach(function (c) { var o = document.createElement('option'); o.value = c; o.textContent = c; cSel.appendChild(o); }); $('kw-list').innerHTML = kwNames.length ? kwNames.map(function (k) { return '

' + esc(k) + '' + kws[k].n + ' pubs · ' + kws[k].win + ' winners

'; }).join('') : '

Pas encore de données.

'; function render() { var q = ($('f-q').value || '').toLowerCase(); var kw = kwSel.value, c = cSel.value, min = Number($('f-min').value) || 0; Array.prototype.forEach.call(document.querySelectorAll('.chip'), function (el) { el.className = 'chip' + (el.getAttribute('data-kw') === kw ? ' active' : ''); }); var list = rows.filter(function (r) { if (kw && r.keyword !== kw) { return false; } if (c && r.country !== c) { return false; } if ((Number(r.days_running) || 0) < min) { return false; } if (q) { var hay = [r.advertiser, r.headline, r.ad_copy, r.cta].join(' ').toLowerCase(); if (hay.indexOf(q) === -1) { return false; } } return true; }); $('f-count').textContent = list.length + ' / ' + rows.length + ' pubs'; $('empty').className = list.length ? 'empty hidden' : 'empty'; $('list').innerHTML = list.map(function (r, i) { var d = Number(r.days_running) || 0, t = tier(d); var links = 'Voir la pub'; if (r.landing_url) { links += 'Landing page'; } var meta = []; if (r.start_date) { meta.push('Depuis le ' + esc(r.start_date)); } if (r.platforms) { meta.push(esc(r.platforms)); } if (r.cta) { meta.push('CTA : ' + esc(r.cta)); } if (r.page_likes) { meta.push(Number(r.page_likes).toLocaleString('fr-FR') + ' likes page'); } return '

#' + (i + 1) + '

' + '

' + esc(r.advertiser || '—') + '' + t[1] + '' + (r.keyword ? '' + esc(r.keyword) + (r.country ? ' · ' + esc(r.country) : '') + '' : '') + '

' + (r.headline ? '

' + esc(r.headline) + '

' : '') + (r.ad_copy ? '

' + esc(r.ad_copy) + '

' : '') + '

' + meta.join(' · ') + '

' + '

' + d + 'jours

' + '

' + (Number(r.variants) || 1) + 'variantes

' + '

' + (Number(r.score) || 0) + 'score

' + '

' + links + '

'; }).join(''); } $('kw-list').addEventListener('click', function (e) { var el = e.target.closest ? e.target.closest('.chip') : null; if (!el) { return; } var k = el.getAttribute('data-kw'); kwSel.value = kwSel.value === k ? '' : k; render(); }); $('f-q').addEventListener('input', render); kwSel.addEventListener('change', render); cSel.addEventListener('change', render); $('f-min').addEventListener('change', render); render(); })();

Ad Tracker - Tech Automation & Chatbot

The application

The workflow

Published by