COMO MOSTRAR AVISO AO CARREGAR PÁGINA

Como abrir modal ao carregar página?
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>



Como abrir modal apenas na primeira página de acesso do 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é.



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