Ir para

[PACK] Melhores e mais usados scripts para sua página!


Marcus Vinicius

Posts Recomendados

24 minutos atrás, LXL disse:

Show @Marcus Vinicius!! Post muito útil!

 

Vou deixar minha contribuição também...

 

 Código para passar os parâmetros da URL pra próxima página (muito útil pra quem usa UTM pra fazer o trackeamento):

 

<script>
    for (i = 0; i < document.getElementsByTagName('a').length; i++) {
        if(document.getElementsByTagName('a')[i].href.includes("?")) {
            document.getElementsByTagName('a')[i].href = document.getElementsByTagName('a')[i].href + "&" + window.location.search.substring(1);
        } else {
            document.getElementsByTagName('a')[i].href = document.getElementsByTagName('a')[i].href + "?" + window.location.search.substring(1);
        }
    }
</script>

 

Booa.

 

Quando atualizar eu coloco esse código no tópico e deixo seu crédito.

 

Uso obrigatório pra quem quer tem controle de todo processo.


Link para o comentário
Em 26/03/2022 em 05:37, Marcus Vinicius disse:

Fala rapaziada... Markin aqui 😎

Dando início a minha participação no fórum, essa será minha primeira contribuição. Uma coletânea de códigos/scrips para usar nas suas páginas de vendas.

Vale ressaltar que grande parte desses scripts (90%+) foi contribuição do Virgílio, Bero e principalmente Ponte de um grupo de networking que participo. Então fica aqui meu agradecimento para esses lindos.

Sem mais delongas, segue...

 

• Código de Comentários:

 

Passo 1 - Crie um campo HTML e cole o código abaixo:

<style>@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:auto;src:url(//bumbumdosdreams.site/wp-content/plugins/elementor/assets/lib/font-awesome/css/../webfonts/fa-regular-400.eot);src:url(//bumbumdosdreams.site/wp-content/plugins/elementor/assets/lib/font-awesome/css/../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(//bumbumdosdreams.site/wp-content/plugins/elementor/assets/lib/font-awesome/css/../webfonts/fa-regular-400.woff2) format("woff2"),url(//bumbumdosdreams.site/wp-content/plugins/elementor/assets/lib/font-awesome/css/../webfonts/fa-regular-400.woff) format("woff"),url(//bumbumdosdreams.site/wp-content/plugins/elementor/assets/lib/font-awesome/css/../webfonts/fa-regular-400.ttf) format("truetype"),url(//bumbumdosdreams.site/wp-content/plugins/elementor/assets/lib/font-awesome/css/../webfonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-family:"Font Awesome 5 Free";font-weight:400}</style><title>Bumbum Dos sonhos &#8211;Tenha o Bumbum que você tanto sonhou.</title><link rel="stylesheet" media="print" onload="this.onload=null;this.media='all';" id="ao_optimized_gfonts" href="https://fonts.googleapis.com/css?family=Roboto%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CRoboto+Slab%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7COpen+Sans+Condensed%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7COswald%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&amp;display=swap" /><link href='https://cdn.shortpixel.ai' rel='preconnect' /><link href='https://fonts.gstatic.com' crossorigin='anonymous' rel='preconnect' /><link rel="alternate" type="application/rss+xml" title="Feed para Bumbum Dos sonhos &raquo;" href="https://bumbumdosdreams.site/feed/" /><link rel="alternate" type="application/rss+xml" title="Feed de comentários para Bumbum Dos sonhos &raquo;" href="https://bumbumdosdreams.site/comments/feed/" /><link rel="https://api.w.org/" href="https://bumbumdosdreams.site/wp-json/" /><link rel="alternate" type="application/json" href="https://bumbumdosdreams.site/wp-json/wp/v2/pages/10" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://bumbumdosdreams.site/xmlrpc.php?rsd" /><link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://bumbumdosdreams.site/wp-includes/wlwmanifest.xml" /><meta name="generator" content="WordPress 5.5.3" /><link rel="canonical" href="https://bumbumdosdreams.site/" /><link rel='shortlink' href='https://bumbumdosdreams.site/' /><link rel="alternate" type="application/json+oembed" href="https://bumbumdosdreams.site/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fbumbumdosdreams.site%2F" /><link rel="alternate" type="text/xml+oembed" href="https://bumbumdosdreams.site/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fbumbumdosdreams.site%2F&#038;format=xml" /><link rel="icon" href="https://cdn.shortpixel.ai/client/q_lossless,ret_img,w_32,h_32/https://bumbumdosdreams.site/wp-content/uploads/2020/11/cropped-Icone-1-150x150-1-32x32.png" sizes="32x32" /><link rel="icon" href="https://cdn.shortpixel.ai/client/q_lossless,ret_img,w_192,h_192/https://bumbumdosdreams.site/wp-content/uploads/2020/11/cropped-Icone-1-150x150-1-192x192.png" sizes="192x192" /><link rel="apple-touch-icon" href="https://cdn.shortpixel.ai/client/q_lossless,ret_img,w_180,h_180/https://bumbumdosdreams.site/wp-content/uploads/2020/11/cropped-Icone-1-150x150-1-180x180.png" /><meta name="msapplication-TileImage" content="https://bumbumdosdreams.site/wp-content/uploads/2020/11/cropped-Icone-1-150x150-1-270x270.png" /><style type="text/css" id="wp-custom-css">#comentarios_face {font-family: Arial;background-color: #F6F7F9;font-size: 14px;padding: 20px;}.titulo_comentario {font-weight: bold;border-bottom: 1px solid #E9EBEE;display: block;padding-bottom: 6px;}.perfil {display: block;padding-top: 10px;padding-bottom: 10px;line-height: 20px;}.perfil .nome {color: #365899;font-weight: bold;}.nome img {float: left;padding-right: 10px;}.perfil img {width: 60px !important;height: 50px;}.perfil p {margin: 0;margin-left: 60px;margin-bottom: 0px;}.infos {font-size: 11px;color: #90949c;}.perfil2 {padding-left: 9px;border-left: 1px solid #E9EBEE;margin-left: 50px;padding-bottom: 0;}</style>


Passo 2 - Crie outro campo HTML e cole o código abaixo:

<div class="elementor-widget-container">
	<div id="comentarios_face"> <span class="titulo_comentario">34 comentários</span>
      <!-- NÃO MEXA AQUI EM CIMA-->


      <!-- INICIO DO COMENTARIO -->
		<div class="perfil"> <span class="nome">
        <noscript>
          <img src="https://i.imgur.com/Dhk2G1G.jpg">
        </noscript>
        <img class=" ls-is-cached lazyloaded" src="https://i.imgur.com/Dhk2G1G.jpg" data-src="https://i.imgur.com/Dhk2G1G.jpg">Clara Alves </span>
			<p>Marcelaa! Você está vendendo esses treinos para glúteos muito barato pelos os resultados que eles trazem...</p> <span class="infos">Responder · Curtir · Seguir · 1h </span> </div>
      <!-- FIM DO COMENTARIO -->
		
    
      <!-- INICIO DO COMENTARIO -->
		<div class="perfil"> <span class="nome">
        <noscript>
          <img src="https://i.imgur.com/M5zZNMv.jpg">
        </noscript>
        <img class=" lazyloaded" src="https://i.imgur.com/M5zZNMv.jpg" data-src="https://i.imgur.com/M5zZNMv.jpg">Ana Campos </span>
			<p>Gente, realmente funciona!! Estou impressionada!!</p> <span class="infos">Responder · Curtir · Seguir · 1h </span> </div>
      <!-- FIM DO COMENTARIO -->
		
    
      <!-- INICIO DO COMENTARIO -->
		<div class="perfil"> <span class="nome">
        <noscript>
          <img src="https://i.imgur.com/eM9uJvs.jpg">
        </noscript>
        <img class=" lazyloaded" src="https://i.imgur.com/eM9uJvs.jpg" data-src="https://i.imgur.com/eM9uJvs.jpg">Clara Martins </span>
			<p>Nossaaaaa, muito bom esses treinos, vale super apena</p> <span class="infos">Responder · Curtir · Seguir · 1h </span> </div>
      <!-- FIM DO COMENTARIO -->
		
    
      <!-- INICIO DO COMENTARIO -->
		<div class="perfil"> <span class="nome">
        <noscript>
          <img src="https://i.imgur.com/r1Nzi42.jpg">
        </noscript>
        <img class=" lazyloaded" src="https://i.imgur.com/r1Nzi42.jpg" data-src="https://i.imgur.com/r1Nzi42.jpg">Rebeca Godoi </span>
			<p>Simples e objetivo, sem enrolação, parabéns Marcela</p> <span class="infos">Responder · Curtir · Seguir · 3h </span> </div>
      <!-- FIM DO COMENTARIO -->
		
    
      <!-- INICIO DO COMENTARIO -->
		<div class="perfil"> <span class="nome">
        <noscript>
          <img src="https://i.imgur.com/ZUCQqPu.jpg">
        </noscript>
        <img class=" lazyloaded" src="https://i.imgur.com/ZUCQqPu.jpg" data-src="https://i.imgur.com/ZUCQqPu.jpg">Rafaela Alves </span>
			<p>Como não tinha visto isso antes?? Chocada!</p> <span class="infos">Responder · Curtir · Seguir · 2h </span> </div>
      <!-- FIM DO COMENTARIO -->
		
    
      <!-- INICIO DO COMENTARIO -->
		<div class="perfil"> <span class="nome">
          <noscript>
            <img src="https://i.imgur.com/Gy0e7GA.jpg">
          </noscript>
          <img class=" lazyloaded" src="https://i.imgur.com/Gy0e7GA.jpg" data-src="https://i.imgur.com/Gy0e7GA.jpg">Gabriela Morais </span>
			<p>@rebecabarbosa amiga vê isso logo kkkk, é mt bomm</p> <span class="infos">Responder · Curtir · Seguir · 2h</span> </div>
      <!-- FIM DO COMENTARIO -->
		
    
      <!-- INICIO DO COMENTARIO || ESSE COMENTÁRIO EH UMA RESPOSTA -->
		<div class="perfil perfil2"> <span class="nome">
            <noscript>
              <img src="https://i.imgur.com/GC6b6qe.jpg">
            </noscript>
            <img class=" lazyloaded" src="https://i.imgur.com/GC6b6qe.jpg" data-src="https://i.imgur.com/GC6b6qe.jpg">Rebeca Barbosa </span>
			<p>Acabei de ver, vale super apenas, não sabia desses segredos</p> <span class="infos">Responder · Curtir · Seguir · 3 min </span> </div>
      <!-- FIM DO COMENTARIO RESPOSTA -->
		
    
      <!-- INICIO DO COMENTARIO -->
		<div class="perfil"> <span class="nome">
        <noscript>
          <img src="https://i.imgur.com/Qxycjx9.jpg">
        </noscript>
        <img class=" lazyloaded" src="https://i.imgur.com/Qxycjx9.jpg" data-src="https://i.imgur.com/Qxycjx9.jpg">Alícia Barros </span>
			<p>Depois que fiz esse método perdi a vergonha de ficar de biquini na praia, finalmente!!</p> <span class="infos">Responder · Curtir · Seguir · 4h </span> </div>
      <!-- FIM DO COMENTARIO -->
		
    
      <!-- INICIO DO COMENTARIO -->
		<div class="perfil"> <span class="nome">
        <noscript>
          <img src="https://i.imgur.com/qrr6krW.jpg">
        </noscript>
        <img class=" lazyloaded" src="https://i.imgur.com/qrr6krW.jpg" data-src="https://i.imgur.com/qrr6krW.jpg">Lívia Batista </span>
			<p>Meu namorado viciou na minha bunda hahaaha</p> <span class="infos">Responder · Curtir · Seguir · 4h </span> </div>
      <!-- FIM DO COMENTARIO -->		
    
      <!-- INICIO DO COMENTARIO -->
		<div class="perfil"> <span class="nome">
        <noscript>
          <img src="https://i.imgur.com/gOTadwt.jpg">
        </noscript>
        <img class=" lazyloaded" src="https://i.imgur.com/gOTadwt.jpg" data-src="https://i.imgur.com/gOTadwt.jpg">Cecília Cardoso </span>
			<p>Em 10 semanas já me senti outra pessoa, muito bom, recomendo!</p> <span class="infos">Responder · Curtir · Seguir · 5h </span> </div>
      <!-- FIM DO COMENTARIO -->
		
    
      <!-- INICIO DO COMENTARIO -->
		<div class="perfil"> <span class="nome">
        <noscript>
          <img src="https://i.imgur.com/RVpxkuT.jpg">
        </noscript>
        <img class=" lazyloaded" src="https://i.imgur.com/RVpxkuT.jpg" data-src="https://i.imgur.com/RVpxkuT.jpg">Maria Duarte </span>
			<p>Só digo uma coisa… FAÇAM! vocês vão amar!</p> <span class="infos">Responder · Curtir · Seguir · 5h </span> </div>
      <!-- FIM DO COMENTARIO -->  


      <!-- NÃO MEXA AQUI EM BAIXO -->
	</div>
</div>

 

• Código botão pulsando:

 

<style>.animado{animation:pulse 1s infinite;}</style>

 

• Código Geolocalização:

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script><script>$.get("https://ipinfo.io/json", function (response) {
$("#ip").html("IP: " + response.ip);
$("#address").html(response.city + ", em " + response.region);
$("#details").html(JSON.stringify(response, null, 4));
}, "jsonp");</script>
<center>Você e alguns homens de <span id="address"></span> foram selecionados para participar deste programa.</center>

 

• Código Dia de Hoje” Automático - ex: "Promoção Até Hoje 26/03/2022":

 

Promoção Imperdível Até o Dia <div id="descounttime"></div>!!!
<script language="javascript">
var getdayNames = new Array("Domingo", "Segunda-Feira", "Terça-Feira", "Quarta-Feira","Quinta-Feira", "Sexta-Feira", "Sábado");
var getdayMonth = new Array("Janeiro", "Fevereiro", "Março", "Abril", "Maio", "Junho", "Julho","Agosto", "Setembro", "Outubro", "Novembro", "Dezembro");
var getNow = new Date();
var dayOfTheWeek = getNow.getDay();
getNow.setTime(getNow.getTime() - 0 * 24 * 60 * 60 * 1000);
document.getElementById("descounttime").innerHTML = getdayNames[(getNow.getDay())] + ", " + getdayMonth[(getNow.getMonth())] + " " + getNow.getDate() + ", " + getNow.getFullYear();
</script>

 

• Código backredirect:

 

<script>
var back_redirect_back_link = 'seusiteaqui';
history['pushState']({}, '', location['href']);
history['pushState']({}, '', location['href']);
window['onpopstate'] = function() {
setTimeout(function() {
	location['href'] = back_redirect_back_link
	}, 1)
}</script>

 

• Código backredirect público frio e público quente:

 

<script>
function backfrio(){
    var back_redirect_back_link = 'www.google.com/link_back_frio_aqui';
    history['pushState']({}, '', location['href']);
    history['pushState']({}, '', location['href']);
    window['onpopstate'] = function() {
    setTimeout(function() {
        location['href'] = back_redirect_back_link
    }, 1)
    }
}
setTimeout("backfrio()", 60000); //1 minuto em ms


function backquente(){
    var back_redirect_back_link = 'www.google.com/link_back_quente_aqui';
    history['pushState']({}, '', location['href']);
    history['pushState']({}, '', location['href']);
    window['onpopstate'] = function() {
    setTimeout(function() {
        location['href'] = back_redirect_back_link
    }, 1)
    }
}
setTimeout("backquente()", 600000); //10 minutos em ms
</script>

 

 

• Gerador delay no botão (By Ponte😞

 

https://000609986.codepen.website/

 

 

• Código contagem regressiva (Cronômetro):

 

<center><div id="app"></div>

<style>body {
  font-family: sans-serif;
  display: grid;
  height: 100vh;
  place-items: center;
}

.base-timer {
  position: relative;
  width: 300px;
  height: 300px;
}

.base-timer__svg {
  transform: scaleX(-1);
}

.base-timer__circle {
  fill: none;
  stroke: none;
}

.base-timer__path-elapsed {
  stroke-width: 7px;
  stroke: grey;
}

.base-timer__path-remaining {
  stroke-width: 7px;
  stroke-linecap: round;
  transform: rotate(90deg);
  transform-origin: center;
  transition: 1s linear all;
  fill-rule: nonzero;
  stroke: currentColor;
}

.base-timer__path-remaining.green {
  color: rgb(65, 184, 131);
}

.base-timer__path-remaining.orange {
  color: orange;
}

.base-timer__path-remaining.red {
  color: red;
}

.base-timer__label {
  position: absolute;
  width: 300px;
  height: 300px;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
}
</style>

<script>// Credit: Mateusz Rybczonec

const FULL_DASH_ARRAY = 283;
const WARNING_THRESHOLD = 10;
const ALERT_THRESHOLD = 5;

const COLOR_CODES = {
  info: {
    color: "green"
  },
  warning: {
    color: "orange",
    threshold: WARNING_THRESHOLD
  },
  alert: {
    color: "red",
    threshold: ALERT_THRESHOLD
  }
};

const TIME_LIMIT = 20;
let timePassed = 0;
let timeLeft = TIME_LIMIT;
let timerInterval = null;
let remainingPathColor = COLOR_CODES.info.color;

document.getElementById("app").innerHTML = `
<div class="base-timer">
  <svg class="base-timer__svg" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
    <g class="base-timer__circle">
      <circle class="base-timer__path-elapsed" cx="50" cy="50" r="45"></circle>
      <path
        id="base-timer-path-remaining"
        stroke-dasharray="283"
        class="base-timer__path-remaining ${remainingPathColor}"
        d="
          M 50, 50
          m -45, 0
          a 45,45 0 1,0 90,0
          a 45,45 0 1,0 -90,0
        "
      ></path>
    </g>
  </svg>
  <span id="base-timer-label" class="base-timer__label">${formatTime(
    timeLeft
  )}</span>
</div>
`;

startTimer();

function onTimesUp() {
  clearInterval(timerInterval);
}

function startTimer() {
  timerInterval = setInterval(() => {
    timePassed = timePassed += 1;
    timeLeft = TIME_LIMIT - timePassed;
    document.getElementById("base-timer-label").innerHTML = formatTime(
      timeLeft
    );
    setCircleDasharray();
    setRemainingPathColor(timeLeft);

    if (timeLeft === 0) {
      onTimesUp();
    }
  }, 1000);
}

function formatTime(time) {
  const minutes = Math.floor(time / 60);
  let seconds = time % 60;

  if (seconds < 10) {
    seconds = `0${seconds}`;
  }

  return `${minutes}:${seconds}`;
}

function setRemainingPathColor(timeLeft) {
  const { alert, warning, info } = COLOR_CODES;
  if (timeLeft <= alert.threshold) {
    document
      .getElementById("base-timer-path-remaining")
      .classList.remove(warning.color);
    document
      .getElementById("base-timer-path-remaining")
      .classList.add(alert.color);
  } else if (timeLeft <= warning.threshold) {
    document
      .getElementById("base-timer-path-remaining")
      .classList.remove(info.color);
    document
      .getElementById("base-timer-path-remaining")
      .classList.add(warning.color);
  }
}

function calculateTimeFraction() {
  const rawTimeFraction = timeLeft / TIME_LIMIT;
  return rawTimeFraction - (1 / TIME_LIMIT) * (1 - rawTimeFraction);
}

function setCircleDasharray() {
  const circleDasharray = `${(
    calculateTimeFraction() * FULL_DASH_ARRAY
  ).toFixed(0)} 283`;
  document
    .getElementById("base-timer-path-remaining")
    .setAttribute("stroke-dasharray", circleDasharray);
}
</script>

 

• Código: “X” pessoas estão assistindo a esse vídeo agora! (X atualiza a cada 10s):

 

<span id="number"></span> pessoas estão assistindo a esse vídeo agora!

<script>
function add(){number+=Math.floor((Math.random()*6)+1);document.getElementById("number").innerHTML=number;setTimeout("add()",10000);}        
function generate(){number=Math.floor(Math.random()*1143)+1578;document.getElementById("number").innerHTML=number;add();}
generate();</script>

 

• Código para bloquear F12, Ctrl+U, Ctrl+P, Ctrl+I, Ctrl+Shift+I, Print e Botão Direito:

 

<script>
document.addEventListener("contextmenu", function (e){
    e.preventDefault();
}, false);
</script>

<script>
document.onkeypress = function (event) {
event = (event || window.event);
if (event.keyCode == 123) {return false;}
if (event.keyCode == 93) {return false;}
if (event.keyCode == 85) {return false;}
if (event.keyCode == 80) {return false;}
if (event.keyCode == 44) {return false;}
if (event.keyCode == 73) {return false;}
}
document.onmousedown = function (event) {
event = (event || window.event);
if (event.keyCode == 123) {return false;}
if (event.keyCode == 93) {return false;}
if (event.keyCode == 85) {return false;}
if (event.keyCode == 80) {return false;}
if (event.keyCode == 44) {return false;}
if (event.keyCode == 73) {return false;}
}
document.onkeydown = function (event) {
event = (event || window.event);
if (event.keyCode == 123) {return false;}
if (event.keyCode == 93) {return false;}
if (event.keyCode == 85) {return false;}
if (event.keyCode == 80) {return false;}
if (event.keyCode == 44) {return false;}
if (event.keyCode == 73) {return false;}
}
</script>

 

Vou estar sempre atualizando essa postagem.

Espero demais ter ajudado vocês. ❤️

Mn Muito Obrigado !  Sabe me dizer se esses scripts funcionam na shopfy ?

Link para o comentário

Da pra usar de boa no Shopify sim, só tem que saber o lugar certinho do thema onde colocar. 

Em 26/03/2022 em 05:37, Marcus Vinicius disse:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script><script>$.get("https://ipinfo.io/json", function (response) {
$("#ip").html("IP: " + response.ip);
$("#address").html(response.city + ", em " + response.region);
$("#details").html(JSON.stringify(response, null, 4));
}, "jsonp");</script>
<center>Você e alguns homens de <span id="address"></span> foram selecionados para participar deste programa.</center>

Alguém sabe como muda a fonte? 

 

Link para o comentário
1 hora atrás, Suco de Fruta disse:

Irmão, como que deixa mais bonito o código dia de hoje??

 

Achei mt foda mas ficou estranho na página. Queria deixar mais bonito  

Você tem que ter uma noção básica pra mexer no código. Da uma pesquisada em formatação. 
 

eu uso o landingi e e extremamente limitado quanto a isso e eu tenho que ficar fazendo gambiarras com elementos invisíveis para customizar o código. 
 

vou voltar pro wp que não tem nada igual.


Link para o comentário

Cara, primeiro quero agradecer por compartilhar isso td! 

Segundo, tentei colocar o "pulse" no meu botāo mais nāo foi...

Será que o problema ta no meu botao ou to fazendo algoo errado?

To add dentro do <div>

Esse é meu botao >>>>>

<div id="cta1" class="mt-4 d-none">
<a href="https://pay.kiwify.com.br/" class="a-btn" style="text-decoration: none;">
<span class="span-btn">QUERO OBTER ACESSO!</span>
</a>
</div>
Link para o comentário
Em 03/04/2022 em 11:18, Freud disse:

Cara, primeiro quero agradecer por compartilhar isso td! 

Segundo, tentei colocar o "pulse" no meu botāo mais nāo foi...

Será que o problema ta no meu botao ou to fazendo algoo errado?

To add dentro do <div>

Esse é meu botao >>>>>

<div id="cta1" class="mt-4 d-none">
<a href="https://pay.kiwify.com.br/" class="a-btn" style="text-decoration: none;">
<span class="span-btn">QUERO OBTER ACESSO!</span>
</a>
</div>

Fala cara, tenta colocar assim:
 

.animado {
	animation: pulse 1s infinite;
}

@keyframes pulse {
	0% {
		transform: scaleX(1)
	}

	50% {
		transform: scale3d(1.05, 1.05, 1.05)
	}

	to {
		transform: scaleX(1)
	}
}

 

Em 05/04/2022 em 17:24, Vkretzkei disse:

Boa tarde, alguém tem aquele script que aparece na PV "fulana acabou de comprar agora"? .

Obrigado.

Fala meu caro, tranquilo?

Dá uma olhada aí:
 

 

Link para o comentário
  • 1 mês depois...
Em 29/03/2022 em 11:37, LXL disse:

Show @Marcus Vinicius!! Post muito útil!

 

Vou deixar minha contribuição também...

 

 Código para passar os parâmetros da URL pra próxima página (muito útil pra quem usa UTM pra fazer o trackeamento):

 

<script>
    for (i = 0; i < document.getElementsByTagName('a').length; i++) {
        if(document.getElementsByTagName('a')[i].href.includes("?")) {
            document.getElementsByTagName('a')[i].href = document.getElementsByTagName('a')[i].href + "&" + window.location.search.substring(1);
        } else {
            document.getElementsByTagName('a')[i].href = document.getElementsByTagName('a')[i].href + "?" + window.location.search.substring(1);
        }
    }
</script>

 

Boaa! Mano, uma dúvida, utilizando esse script como aparece as UTM's nas plataformas? Aqui eu utilizo um outro script e aparece tudo estranho dessej jeito do print abaixo. 

image.png.8f022cdbd65185f7258a9ed982b456a6.png

Eu uso a Braip e Kiwify. Nas duas utilizo o mesmo script e aparece do mesmo jeito. Com esse script seu ai aparece tudo certinho? Porque o correto de aparecer "na teoria" seria igualzinho está lá na campanha do Facebook, certo? Seguindo os parâmetros do próprio Facebook. → &utm_medium={{adset.name}}&utm_campaign={{campaign.name}}&utm_content={{ad.name}}&utm_term={{placement}}

 

Resumindo... Lá dentro do Facebook nos nomes das campanhas/conjuntos/anúncios estava escrito:

MInha campanha era [CP2]-[TOFU]-[ESCALA]

e o conjunto de anúncios era → [ADSET 9.2]-[PB1]-[SEMI AUTOMÁTICO]-[ANDROID]

e o anúncio → [TAL TAL TAL TAL]

 

Ou seja, na Braip e Kiwify era para aparecer certinho assim...👇 e não como está na imagem acima. Você sabe me falar como aparece utilizando esse seu script ai?

utm_campaign= [CP2]-[TOFU]-[ESCALA]

utm_medium= [ADSET 9.2]-[PB1]-[SEMI AUTOMÁTICO]-[ANDROID]

 

Você sabe me falar como aparece utilizando esse seu script ai? Tamo junto!✌

 

ESSE É O SCRIPT QUE USO ATUALMENTE → Rastrear Vendas Oficial.txt


Link para o comentário
Em 26/03/2022 em 15:46, Vinicius disse:

Se está falando do texto da página em si, coloque uma tag de span em volta do texto que quer mudar a cor, desta maneira:

<span style="color: #000000 !important;">texto que quer mudar a cor</span>

Seria pra mudar a cor da data somente, no script do "dia de hoje", tentei aqui mas nao deu boa

 

 


Link para o comentário
Infelizmente, seu conteúdo contém termos que não permitimos. Caso esteja tentando publicar seu número de WhatsApp, lembre-se que isso é proibido expor no Fórum.
Responder

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emojis são permitidos.

×   Seu link foi automaticamente incorporado.   Mostrar como link

×   Seu conteúdo anterior foi restaurado.   Limpar o editor

×   Não é possível colar imagens diretamente. Carregar ou inserir imagens do URL.

Processando...
×
×