Como configurar seu site para alterar a cor do Chrome Mobile

-
Acesse o conteúdo original sobre “Como configurar seu site para alterar a cor do Chrome Mobile” no site oficial do Aylton Inacio.

Se você tem celular Android, com certeza já entrou em algum site que alterou a cor do navegador Chrome, certo? Se quiser fazer no seu também é muito simples. Basicamente é necessário apenas inserir o seguinte código HTML dentro da tag <head> do seu site.
<meta name="theme-color" content="#4267b2" />
Se quiser pode usar também códigos para iOS Safari Browser Mobile e Windows Phone Browser Mobile.
<meta name="apple-mobile-web-app-status-bar-style" content="#4267b2" />
<meta name="msapplication-navbutton-color" content="#4267b2" />
Para quem não é desenvolvedor de sites, HTML é a linguagem de código que o navegador (ex: Chrome) consegue ler, interpretar e transformar em elementos visuais que vemos na tela. Se quiser ver o código do seu site, faça CTRL + U pelo Chrome.
Se preferir, acesse “Como configurar seu site para alterar a cor do Chrome Mobile” no YouTube.
Voltando para o código deste post, a cor deve ser em formato hexadecimal (ex: 4267b2 = azul) e o valor da tag meta theme-color é um dos recursos que uma aplicação PWA usa e que basicamente tem a ideia de fornecer um site como aplicação web progressiva.
Se você tem um site em WordPress, Blogger ou outra plataforma, basta pedir para o suporte técnico inserir nosso código, esse é o ideal, mas se quiser fazer é fácil.
No WordPress, entre em Administração > Aparência > Editor de Temas e procure pelo arquivo header.php. Depois encontre a linha </head> e insira nosso código antes dela. Não faça nenhuma outra mudança, pois poderia prejudicar o funcionamento do site.
Se seu site é Blogger, entre em Administração > Tema > Editar HTML e coloque nosso código da mesma forma ou bem no começo, depois da abertura da tag <head>.
Em outras plataformas, verifique se é possível editar o HTML do site para inserir o código.

Curso de Google Search Console (+860 alunos inscritos)

Você se preocupa com a forma que seu site é visto pelo Google? Aprenda a monitorar e otimizar seu site. São 4 horas de conteúdo, certificado e acesso vitalício.

Comentários

Postar um comentário

Postagens mais visitadas deste blog

O que são Usuários, Sessões e PageViews no Google Analytics

-
Imagem
  Acesse o conteúdo original sobre “ O que são Usuários, Sessões e PageViews no Google Analytics ” no site oficial do Aylton Inacio. Se você tem um site comum, blog ou ecommerce, com certeza precisa medir e analisar o tráfego que ele recebe, e uma das melhores ferramentas para fazer isso é o  Google Analytics . Ao  configurar o Google Analytics no seu site , diversos dados são capturados em cada acesso do usuário e transformados em relatórios estratégicos, compostos por dimensões e métricas. Uma métrica é o que você deseja mensurar, já uma dimensão é a perspectiva de análise. Por exemplo, nos últimos 30 dias o meu site teve 10.000 usuários do estado do Rio de Janeiro. Neste caso temos a métrica Usuários e as dimensões Data e Estado.  Se preferir, acesse  “O que são Usuários, Sessões e PageViews no Google Analytics”  no YouTube. Dentro do Google Analytics existem diversas Métricas e Dimensões, e neste post você vai entender as diferenças entre  Usuários...
Leia mais

Como criar um mapa preenchido no Looker Studio

-
  Os mapas do   Looker Data Studio   permitem que você apresente seus dados separados por regiões geográficas, no Brasil ou mundo, de forma gráfica e interativa. O Google aproveitou uma ferramenta que tem há muito tempo, que é o Google Maps, e integrou com o Looker, assim temos recursos realmente valiosos de mapas. Hoje são 5 tipos de mapas para usar: Mapa de balão Mapa preenchido Mapa de calor Mapa de linhas Gráfico de mapa Neste tutorial vamos focar no  Mapa Preenchido  que permite a apresentação dos seus dados até o nível de cidade e preenchendo as áreas com cores, criando marcações bem visíveis e limitadoras. ▶ Se preferir, acesse  "Como criar um mapa preenchido no Looker Studio"  no YouTube. Acesse o conteúdo completo e original sobre “ Como criar um mapa preenchido no Looker Studio ” no site oficial do  Aylton Inacio .
Leia mais

Testes condicionais com Datas no Looker Data Studio

-
  O Looker Studio (Data Studio) permite a manipulação de campos Data de várias maneiras e é fundamental entender as possibilidades de testes condicionais. Neste post você vai aprender como fazer testes com operadores condicionais entre campos; entre um campo e uma data criada com função Date; funções como DATETIME_ADD para adicionar dias. ▶ Se preferir, acesse  "Testes condicionais com Datas no Looker Data Studio"  no YouTube. Para nossos exemplos, considere a seguinte tabela já com dois camp...   Acesse o conteúdo completo e original sobre “ Testes condicionais com Datas no Looker Data Studio ” no site oficial do  Aylton Inacio .
Leia mais