CSS
Pré carregar
Otimização de Carregamento e Precarregamento
Favicon para Base64
Insira o código base64 gerado no Custom Code do site e remove o favicon personalizado do tema;
WebP Express - Código do Cache-Control Header
Cache-Control: public, max-age=86400, stale-while-revalidate=604800, stale-if-error=604800
Responsive Placeholder LS Cache
<svg xmlns="http://www.w3.org/2000/svg" width="{width}" height="{height}" viewBox="0 0 {width} {height}"><rect width="100%" height="100%" style="fill:{color};fill-opacity: 0.1;"/></svg>
Configurações de Scroll
Barra de Rolagem Horizontal
html, body{
width: 100%;
overflow-x: hidden;
}
Barra de Rolagem Vertical
[data-elementor-type="wp-page"]{ /* Elementor Canva */
overflow: hidden;
}
[data-elementor-type="wp-post"]{ /* Elementor Largura Total */
overflow: hidden;
}
Links e SEO
Link com nofollow
<a href="#LINK AQUI" rel="nofollow" target="_blank" rel="noreferrer noopener">TEXTO AQUI</a>
Política de Privacidade
<a href="#LINK AQUI">Política de Privacidade</a>
Scripts de Delay
Script de Delay Vinculado ao Play
<style>.esconder { display: none }</style>
<script nowprocket type="text/javascript">
document.addEventListener("DOMContentLoaded", function() {
/* ALTERE O VALOR 10 PARA OS SEGUNDOS EM QUE AS SEÇÕES VÃO APARECER */
var SECONDS_TO_DISPLAY = 220;
var CLASS_TO_DISPLAY = ".esconder";
/* DAQUI PARA BAIXO NAO PRECISA ALTERAR */
var attempts = 0;
var elsHiddenList = [];
var elsDisplayed = false;
var elsHidden = document.querySelectorAll(CLASS_TO_DISPLAY);
var alreadyDisplayedKey = `alreadyElsDisplayed${SECONDS_TO_DISPLAY}`
var alreadyElsDisplayed = localStorage.getItem(alreadyDisplayedKey);
setTimeout(function () { elsHiddenList = Array.prototype.slice.call(elsHidden); }, 0);
var showHiddenElements = function () {
elsDisplayed = true;
elsHiddenList.forEach((e) => e.style.display = "block");
localStorage.setItem(alreadyDisplayedKey, true)
}
var startWatchVideoProgress = function () {
if (typeof smartplayer === 'undefined' || !(smartplayer.instances && smartplayer.instances.length)) {
if (attempts >= 10) return;
attempts += 1;
return setTimeout(function () { startWatchVideoProgress() }, 1000);
}
smartplayer.instances[0].on('timeupdate', () => {
if (elsDisplayed || smartplayer.instances[0].smartAutoPlay) return;
if (smartplayer.instances[0].video.currentTime < SECONDS_TO_DISPLAY) return;
showHiddenElements();
})
}
if (alreadyElsDisplayed === 'true') {
setTimeout(function () { showHiddenElements(); }, 100);
} else {
startWatchVideoProgress()
}
});
</script>
Script de Delay sem Vínculo
<style>
.esconder{
top: -100% !important;
opacity: 0;
position: absolute;
height: 0;
overflow: hidden;
pointer-events: none;
}
</style>
<script>
var elementosEscondidos = document.querySelectorAll('.esconder');
setTimeout(function() {
elementosEscondidos.forEach(function(elemento) {
elemento.classList.remove("esconder");
});
}, 1000 * 5); /* altere o número de segundos ou minutos ex: 1000 * 5 = 5 segundos ou 1000 * 5 * 60 = 5 minutos */
</script>
Exclusões de Conexão e JS
Strings para Não Guardar em Cache
utm_campaign
utm_source
utm_term
utm_medium
utm_content
gclid
fbclid
first_utm_campaign
first_utm_source
first_utm_term
first_utm_medium
first_utm_content
handl_original_ref
handl_landing_page
handl_ip
handl_ref
handl_url
organic_source
gaclientid
src
sck
ref
Excluir JS do Mapa
maps.googleapis.com
map.js
Puxar UTMs e Parâmetros em URLs
Puxar as UTMs no CTA
<script>
const queryString = window.location.search;
const urlParams = new URLSearchParams(queryString);
param = urlParams.get('ls');
document.addEventListener('DOMContentLoaded', ()=>{
btnFund1 = document.querySelector("#btn-fundador1")
btnFund2 = document.querySelector("#btn-fundador2")
btnFund3 = document.querySelector("#btn-fundador3")
if(param){
btnFund1.href += param;
btnFund2.href += param;
btnFund3.href += param;
}
})
</script>
Checkout Personalizado
Checkout Hotmart
Checkout Pré-Populado na Guru
https://pagamento.ieac.net.br/checkout/mentoria-profissionais?name=[field id="name"]&email=[field id="email"]&phone=[field id="phone"]
Acessibilidade e Usabilidade
Erro de Acessibilidade na Sanfona/Acordeão/Abas
<script nowprocket>
/*widget sanfona*/
const elementosAccordion = document.querySelectorAll('.elementor-accordion-title');
elementosAccordion.forEach(elementoAccordion => {
const novoElemento = document.createElement('span');
novoElemento.innerHTML = elementoAccordion.innerHTML;
novoElemento.classList.add("elementor-accordion-title");
elementoAccordion.parentNode.replaceChild(novoElemento, elementoAccordion);
});
/*widget sanfona e acordeao*/
document.addEventListener('DOMContentLoaded', function () {
setTimeout(() =>{
const tabTitles = document.querySelectorAll('.elementor-tab-title');
tabTitles.forEach(tabTitle => {
tabTitle.setAttribute("tabindex", "-1");
});
}, 500);
});
/*widget de abas*/
const tabsWrapper = document.querySelectorAll(".elementor-tabs-content-wrapper");
const tabContents = document.querySelectorAll('.elementor-tab-content');
tabContents.forEach(tabContent => {
tabContent.setAttribute("tabindex", "-1");
});
tabsWrapper.forEach(tabWrapper => {
tabWrapper.setAttribute('aria-hidden', 'true');
});
/*widget acordeão*/
const elementosToggle = document.querySelectorAll('.elementor-toggle-title');
elementosToggle.forEach(elementoToggle => {
const novoToggle = document.createElement('span');
novoToggle.innerHTML = elementoToggle.innerHTML;
novoToggle.classList.add("elementor-toggle-title");
elementoToggle.parentNode.replaceChild(novoToggle, elementoToggle);
});
const accordionItems = document.querySelectorAll('.elementor-toggle-item, .elementor-accordion-item');
accordionItems.forEach(item => {
item.setAttribute("role", "tab");
item.setAttribute('aria-hidden', 'true');
});
/*botões SVG*/
const botoes = document.querySelectorAll(".botao a");
botoes.forEach(botao => {
botao.setAttribute('aria-label', 'QUERO ME INSCREVER AGORA');
});
</script>
Chamariz/Honeypot
<!-- CAMPO-->
<input class="cmz" type="text" id="field[19]" name="field[19]" value="" placeholder=""/>
<!-- FIM DO CAMPO-->
<style>
.cmz{
display: none;
}
</style>
<script>
document.addEventListener('DOMContentLoaded', function() {
const botao = document.querySelector('._submit');
const cmz = document.querySelector('.cmz');
botao.addEventListener('click', function(event) {
if (cmz.value.trim() !== '') {
event.preventDefault();
}
});
});
</script>
Declaração de Header e Footer
Declarar Header, Main, Article e Footer
<script>
window.addEventListener( 'elementor/frontend/init', function() {
if ( typeof elementorFrontend === 'undefined' ) {
return;
}
elementorFrontend.on( 'components:init', function() {
elementorFrontend.utils.anchors.setSettings('selectors',{});
} );
} );
</script>
<style>
html, body {
scroll-padding-top: 100px; /* adjust as needed */
}
@media (prefers-reduced-motion: no-preference) {
html, body {
scroll-behavior: smooth;
}
}
</style>
Efeitos Visuais
Efeitos para Botão
/*efeito pulse coração do CTA*/
.pulse {
animation: pulse 0.7s infinite;
margin: 0 auto;
display: table;
margin-top: 0px;
animation-direction: alternate;
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
}
100% {
-webkit-transform: scale(1.1);
}
} @keyframes pulse {
0% {
transform: scale(1);
}
100% {
transform: scale(1.1);
}}
/*efeito pulse radar do CTA*/
.cta-pulse .elementor-button{
animation: pisca 1.2s infinite;
box-shadow: 0px 0px 20px -5px var(--e-global-color-accent);
}
@keyframes pisca {
70% {
box-shadow: 0 0 0 20px transparent;
}
100% {
box-shadow: 0 0 0 0 transparente;
}
}
.cta-pulse .elementor-button svg{
height: 0.9em;
fill: #028c49;
}
Botão com Animação Centralizado
<div style="display: flex; justify-content: center; align-items: center; height: 100%;">
<a class="box__link button-animation" href="#">
Clique Aqui
<span></span>
<span></span>
<span></span>
<span></span>
</a>
</div>
<style>
.button-animation {
position: relative;
display: inline-block;
padding: 20px 30px;
color: #03e9f4;
text-transform: uppercase;
overflow: hidden;
letter-spacing: 4px;
transition: 0.5s;
}
.button-animation span {
position: absolute;
display: block;
}
.button-animation span:nth-child(1) {
top: 0;
left: -100%;
width: 100%;
height: 2px;
background: linear-gradient(90deg, transparent, #03e9f4);
animation: btn-anim1 1s linear infinite;
}
@keyframes btn-anim1 {
0% {
left: -100%;
}
50%,
100% {
left: 100%;
}
}
.button-animation span:nth-child(2) {
top: -100%;
right: 0;
width: 2px;
height: 100%;
background: linear-gradient(180deg, transparent, #03e9f4);
animation: btn-anim2 1s linear infinite;
animation-delay: 0.25s;
}
@keyframes btn-anim2 {
0% {
top: -100%;
}
50%,
100% {
top: 100%;
}
}
.button-animation span:nth-child(3) {
bottom: 0;
right: -100%;
width: 100%;
height: 2px;
background: linear-gradient(270deg, transparent, #03e9f4);
animation: btn-anim3 1s linear infinite;
animation-delay: 0.5s;
}
@keyframes btn-anim3 {
0% {
right: -100%;
}
50%,
100% {
right: 100%;
}
}
.button-animation span:nth-child(4) {
bottom: -100%;
left: 0;
width: 2px;
height: 100%;
background: linear-gradient(360deg, transparent, #03e9f4);
animation: btn-anim4 1s linear infinite;
animation-delay: 0.75s;
}
@keyframes btn-anim4 {
0% {
bottom: -100%;
}
50%,
100% {
bottom: 100%;
}
}
.button-animation:hover {
background-color: #03e9f4;
color: #fff;
border-radius: 5px;
box-shadow: 0 0 5px #03e9f4, 0 0 25px #03e9f4, 0 0 50px #03e9f4, 0 0 100px #03e9f4;
}
</style>
Segurança
Proteção Países Cloudflare
(ip.geoip.country in {"AF" "AX" "AL" "DZ" "AS" "AD" "AO" "AI" "AQ" "AG" "AM" "AW" "AU" "AT" "AZ" "BS" "BH" "BD" "BB" "BY" "BE" "BZ" "BJ" "BM" "BT" "BQ" "BA" "BW" "BV" "IO" "VG" "BN" "BG" "BF" "BI" "KH" "CM" "CV" "KY" "CF" "TD" "CN" "CX" "CC" "KM" "CK" "CR" "HR" "CW" "CY" "CZ" "CD" "DK" "DJ" "DM" "DO" "TL" "EG" "SV" "GQ" "ER" "EE" "ET" "FK" "FO" "FJ" "FI" "GF" "PF" "TF" "GA" "GM" "GE" "GH" "GI" "GR" "GL" "GD" "GP" "GU" "GT" "GG" "GN" "GW" "GY" "HT" "HM" "HN" "HK" "HU" "IS" "IN" "ID" "IR" "IQ" "IE" "IM" "IL" "CI" "JM" "JP" "JE" "JO" "KZ" "KE" "KI" "XK" "KW" "KG" "LA" "LV" "LB" "LS" "LR" "LY" "LI" "LT" "LU" "MO" "MK" "MG" "MW" "MY" "MV" "ML" "MT" "MH" "MQ" "MR" "MU" "YT" "FM" "MD" "MC" "MN" "ME" "MS" "MA" "MZ" "MM" "NA" "NR" "NP" "NL" "AN" "NC" "NZ" "NI" "NE" "NG" "NU" "NF" "KP" "MP" "NO" "OM" "PK" "PW" "PS" "PG" "PH" "PN" "PL" "PR" "QA" "CG" "RE" "RO" "RU" "RW" "BL" "SH" "KN" "LC" "MF" "PM" "VC" "WS" "SM" "ST" "SA" "SN" "RS" "SC" "SL" "SG" "SX" "SK" "SI" "SB" "SO" "ZA" "GS" "KR" "SS" "ES" "LK" "SD" "SR" "SJ" "SZ" "SE" "CH" "SY" "TW" "TJ" "TZ" "TH" "TG" "TK" "TO" "TT" "TN" "TR" "TM" "TC" "TV" "VI" "UG" "UA" "AE" "UM" "UZ" "VU" "VA" "VN" "WF" "EH" "YE" "ZM" "ZW" "EC" "CO"})
