Script para definir homepage

Como Fazer Um Site >> Extras Para o Seu Site >> Script para definir homepage



Para alguns tipos de sites, especialmente para sites que apresentam alguma ferramenta útil, pode ser interessante para os internautas terem esse site como homepage (como página inicial ou página principal). Sempre que quiserem aceder à internet (sempre que abrirem o browser ou sempre que abrirem uma nova janela) abre-se de imediato esse site que for definido como homepage.

Se você quer disponibilizar um link no seu site para os seus visitantes definirem o seu site como homepage, poderá fazê-lo implementando o código indicado abaixo.

Para você é de todo o interesse que as pessoas coloquem o seu site como homepage. Para além de gerar mais visitas, pois sempre que abrirem a internet estarão a abrir o seu site, tem também a vantagem de aumentar a percentagem de visitas que não são novas, a percentagem de visitantes que regressam ao seu site. Isto é normalmente encarado pelos motores de busca como um indicador de qualidade de um site. Mais visitantes que regressam ao seu site pode assim significar um melhor posicionamento do seu site nos resultados de pesquisas dos motores de busca.

Em versões antigas do Internet Explorer era possivel os webmasters instalarem um script nos seus sites que alterava automaticamente a homepage dos seus visitantes. Mas isto podia fazer com que alguns webmasters mudassem de forma abusiva a homepage dos internautas, sem que estes sequer tivessem conhecimento disso, o que não era muito correto.

Por isso os browsers mais recentes não permitem que a definição da homepage seja automatica. O que podemos fazer é sugerir ao internauta que defina o nosso site como homepage. Caso ele esteja interessado, após clicar num link por nós disponibilizado, aparece uma pequena janela com as instruções dos passos que ele tem seguir para configurar manualmente o browser. O código que aqui disponibilizo detecta automaticamente qual é o browser que está a ser usado e apresenta ao visitante uma janela com as instruções de como definir a homepage naquele tipo de browser.


Demonstração

Veja o script em funcionamento na linha abaixo. Experimente:


Instalação

Para instalar esta funcionalidade no seu site siga os seguintes passos:

  1. Em primeiro lugar você precisa implementar a biblioteca jQuery colando a seguinte linha de código no seu site:
    <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>


  2. A seguir deve colar no seu site o seguinte código jQuery:

    <script type="text/javascript">
    function homepageset(){
    // para o jQuery diferenciar entre Chrome e Safari
    $.browser.chrome = $.browser.webkit && !!window.chrome;
    $.browser.safari = $.browser.webkit && !window.chrome;

    if ($.browser.msie) { // IE
    if ($.browser.msie && parseInt($.browser.version, 10) < 8) { // IE v7 ou mais antigo - usar codigo de homepage antigo
    document.body.style.behavior='url(#default#homepage)';
    document.body.setHomePage(window.location.href);
    } else { // IE v8 ou mais recente
    var mensagemhomepage = "<p><strong>Internet Explorer</strong><br /><br />Para definir a sua homepage no Internet Explorer 6 ou superior:</p><ol><li>Selecione <strong>Ferramentas |&nbsp;Opções da internet</strong>.</li><li>No separador &quot;Geral&quot;, na caixa de texto &quot;Home page&quot; , escreva: <em>http://comofazerumsite.com/&nbsp; </em></li></ol><p><strong>Nota: </strong>A caixa &quot;Home page&quot; pode conter múltiplos URLs. Se você quer que o <a href='http://comofazerumsite.com' target='_blank'>Como Fazer Um Site</a> seja o primeiro separador a abrir no seu browser, certifique-se que <em> http://comofazerumsite.com/ </em>é o primeiro URL.</p><ol start='3'><li>Clique <strong>Aplicar</strong></li><li>Clique<strong> OK</strong>.</li></ol>";
    };

    } else if ($.browser.safari) { // safari
    var mensagemhomepage = "<p><strong>Safari</strong><br /><br />Para definir a sua homepage no Safari 1 ou superior:</p><ol><li>Selecione <strong>Editar | </strong> <strong>Preferências</strong> ou clique o icon no canto superior direito e selecione <strong>Preferências</strong>. A janela quot;Preferências&quot; aparece.</li><li>Selecione o separador <strong>Geral</strong> tab.</li><li>Insira <em>http://comofazerumsite.com/ </em> na caixa de texto &quot;Homepage&quot;.<em> </em></li><li>Clique <strong>Fechar</strong>.</li></ol>";

    } else if ($.browser.webkit) { // chrome
    var mensagemhomepage = "<p><strong>Chrome</strong><br /><br />Para definir a sua homepage no Chrome 18 or superior:</p><ol><li>Selecione o icon 'Personalizar e controlar o Google Chrome' (o icon com 3 barras do lado direito da caixa do URL).</li><li>Selecione <strong>Definições</strong>.</li><li>Em &quot;No arranque&quot;, selecione <strong>Abra uma página específica ou um conjunto de páginas</strong>.</li><li>Clique em <strong>Definir páginas</strong>.</li><li>Introduza o URL http://comofazerumsite.com/.</li><li>Clique em <strong>OK</strong> para salvar as suas definições.</li></ol>";

    } else if ($.browser.mozilla) { // firefox
    var mensagemhomepage = "<p><strong>Mozilla Firefox</strong><br /><br />Para definir a sua homepage no Firefox 16 ou superior:</p><ol><li>Selecione <strong>Firefox |</strong> <strong>Opções</strong>. A janela de <strong>Opções</strong> aparece.</li><li>Clique no separador <strong>Geral</strong><em> </em>.</li><li>Escolha <strong>Mostrar a minha página inicial</strong> à direita de 'Quando o Firefox inicia' .</li><li>Insira <em>http://www.comofazerumsite.com/</em> na caixa de texto à frente de &quot;Página Inicial&quot;.</li><li>Clique em <strong>OK</strong>.</li></ol>";

    } else if ($.browser.opera) { // opera
    var mensagemhomepage = "<p><strong>Opera</strong><br /><br />Para definir a sua homepage no Opera:</p><ol><li>Clique no link 'Preferências' no menu no topo do browser. A caixa das Preferências abre-se. Selecione o separador 'Geral'.</li><li>Clique em 'Definir página actual como home page'.</li><li>Clique em <strong>OK</strong>.</li></ol>";

    } else { // unknown browser
    var mensagemhomepage = "<p><strong>Tipo de browser desconhecido</strong><br /><br />Para definir a sua homepage por favor consulte a ajuda do seu browser</a>";
    };

    if (mensagemhomepage){
    $("#JanelaHomepage .homepagetext").html(mensagemhomepage);
    $("#JanelaHomepage").fadeIn();
    };

    };

    jQuery(document).ready(function($) {

    $("#JanelaHomepage .closelink").click(function(event) {
    $("#JanelaHomepage").fadeOut();
    });

    });
    </script>

    Não se esqueça de substituir http://comofazerumsite.com pelo endereço do seu site.


  3. Cole o código CSS:

    <style>
    #JanelaHomepage {
    position: fixed;
    float: left;
    text-align: left;
    padding: 15px;
    background: #f0f0f0;
    color: #000;
    font-size: 1.2em;
    line-height: 1.2em;
    border: #ccc 2px solid;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    top:0;
    left:20px;
    z-index: 100;
    -moz-box-shadow: 0 0 15px #888;
    -webkit-box-shadow: 0 0 15px#888;
    box-shadow: 0 0 15px #888;
    display: none;
    width: 500px;
    }

    #JanelaHomepage ol li {
    list-style: decimal;
    padding: 4px 0 4px 0px;
    margin-left: 20px;
    }
    </style>


  4. E cole o seguinte código HTML no local da sua página onde quer que o link apareça:

    <div id="homepage-link">
    <a href="javascript:homepageset()">Definir Homepage</a>
    <span id="JanelaHomepage">
    <section class="homepagetext">
    </section>
    <a href="javascript:void(0);" class="closelink">Fechar</a>
    </span>
    </div>




Registro de Dominio:
Namecheap.com

Domínios a preços acessíveis.
Inclui serviço de privacidade gratuito.

Hospedagem para seu site:

banner de afiliado

Eu próprio uso esta empresa
de hospedagem para alojar
os meus sites.

Criar Site Grátis:

Loja Virtual Grátis:

BLOG | FÓRUM | Política de Privacidade
Copyright © 2015 - ComoFazerUmSite.com
Design com Dreamweaver

.