COMO MOSTRAR AVISO AO CARREGAR PÁGINA

Como abrir modal ao carregar página?
Leia mais sobre: abrir modal onload
Para abrir modal bootstrap basta usar o evento onload do javascript e a biblioteca jquery.

Primeiro deve ser importado o jquery da fonte e inserido no site.
Link para download aqui.

Depois basta inserir o javascript na página.

<script type="text/javascript">
    $(window).on('load',function(){
    $('#myModal').modal('show'); });
</script>

Também deve ser inserido o modal.

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true" style="text-align: center;">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
    <div class="modal-header" style="height: 60px;">
        <h2 class="modal-title col-md-11" id="exampleModalLongTitle" style="color:red;">Título</h2>
<button type="button" class="close col-md-1" data-dismiss="modal" aria-label="Close">
    <span aria-hidden="true">×</span>
</button>
   </div>
   <div class="modal-body">
       <h3>Corpo da mensagem da modal bootstrap</h3><br>
   </div>
   <div class="modal-footer">
       <button type="button" class="btn btn-danger col-md-4" data-dismiss="modal">
                   Fechar
              </button>
      <a href="https://diretoaoponto-tech.com.br/">
                 <button type="button" class="btn btn-success col-md-4 offset-md-4">Destino de sucesso
                 </button>
               </a>
  </div>
      </div>
  </div>
</div>



Leia mais sobre: abrir modal onload

Como abrir modal apenas na primeira página de acesso do site?
Leia mais sobre: abrir modal primeiro acesso site
Pode ser usado session do PHP para controlar o onload do javascript.

Considerando que esteja usando o framework bootstrap no seu projeto também.

Para usar sessão do PHP primeiro deve iniciar uma. Então insira o código session_start(); no início da página.

usando PHP simples seria.


<?php
session_start();
?>


Depois é feito o controle se a modal já foi aberto ou não, com o PHP dentro do javascript.


<script type="text/javascript">
    <?php
      if(!$_SESSION['modal_aberta']){ // Verifica se a modal foi aberta. Caso não tenha sido executa o javascript.
    ?>
    $(window).on('load',function(){
        $('#myModal').modal('show');
    });
    <?php
       $_SESSION['modal_aberta'] = '1'; // Insere a informação na modal para não cair na condicional novamente.
    }
    ?>
</script>



Pronto está feito. O modal irá abrir apenas apenas no primeiro acesso as páginas que estiver com esse código. Para testar pode ser usado uma guia anonima ou outro navegador. O coockie registrador da session irá ficar ativo durante o dia.

Para esse exemplo foi usado apenas PHP e Javascript simples. Pode existir uma sintaxe diferente usando algum framework dessas linguagens, mas a lógica é a mesma.

Para ter o efeito considerando todas as páginas do site insere esse código no cabeçalho que será compartilhado por todas elas. Também pode ser inserido a primeira parte no cabeçalho e a segunda no rodapé.



Leia mais sobre: abrir modal primeiro acesso site
Metaverso e Desenvolvimento Web: Como Criar Experiências Imersivas Usando Tecnologias Web

Metaverso e Desenvolvimento Web: Como Criar Experiências Imersivas Usando Tecnologias Web

Descubra como criar experiências imersivas para o metaverso usando tecnologias web como WebXR e WebGL. Aprenda como preparar seu site para o futuro da internet com APIs de RA e RV.
Metaverso e o futuro da web
Quer deixar seu site mais profissional e memorável?

Quer deixar seu site mais profissional e memorável?

Aprenda a criar e adicionar um favicon personalizado em poucos passos. Descubra como esse pequeno ícone pode fazer toda a diferença na identidade da sua marca.
como colocar ícone no html
Qual é a melhor plataforma para monetizar meu site em 2024, Adsterra ou Google AdSense?

Qual é a melhor plataforma para monetizar meu site em 2024, Adsterra ou Google AdSense?

Embora o Google AdSense seja amplamente conhecido, o Adsterra oferece vantagens significativas. Para saber como o Adsterra pode revolucionar seus ganhos online, leia nosso artigo completo.
Adsterra ou AdSense: Qual é Melhor para Monetizar
botão de compartilhamento whatsapp botão de compartilhamento no twiter botão de compartilhamento do site botão de compartilhamento no linkedin botão de compartilhamento whatsapp