12/10/2016

Google Analytics no site Webappella




TEMA: SEO
ARTIGO: Novo
VERSÃO: WA4 | WARC

Google Analytics é uma, Interface de Programação de Aplicativos. Ou seja, uma ferramenta ita e disponibilizada gratuitamente pelo Google para ser usada pelos desenvolvedores de sites e profissionais de Search Engine Optimization (SEO). Com o Analytics você consegue acompanhar detalhes sobre a visitação e estatísticas do seu site.

Outro fator importante do Google Analytics é o primeiro passo para que o Google saiba que seu site exista. Vamos pela lógica. Você acha mesmo que se não tiver nenhum outro lugar, seja blog, redes sociais, sites de diretórios e etc ; ou seja ..qualquer outro lugar apontando para seu site, ele será encontrado pelo mecanismos de busca? Sinceramente tenho minhas dúvidas.

Lógico que  tem outros recursos e técnicas para que ele seja melhor posicionado, como o sitemap por exemplo. Mas só de se cadastrar o seu site no Google Analytics, o Google já sabe que ele existe.

Neste artigo não vamos explicar como utilizar o Google Analytics, até mesmo que seria um artigo mais extenso. Mas pode aguardar que farei um artigo sobre isso mais pra frente.  Mas hoje vamos configurar no WebAcappella seu id do Google Analytics. 

O primeiro passo é criar sua conta no Google, neste link: https://accounts.google.com/AddSession

Não posso garantir que este link seja válido para o resto da vida., pois tudo pode mudar.

Após criar a conta você já estará logando no Google Analytics. Caso já tiver uma conta Google vá direto para este link: https://www.google.com.br/analytics/ e faça login.



Caso seja a primeira vez que utilize



Clique em Increva-se e preencha os campos referente ao Website que deseje cadastrar.

Depois clique em Obter ID de acompanhamento.





Aceite os termos.

Você já será redirecionado para a página contendo sua ID  e o código de acompanhamento. 

Eu costumo a criar uma pasta no pc de cada cliente e dentro da mesma um arquivo denominado credenciais.txt onde coloco todas as credenciais e particularidade como esta.

Então dentro deste arquivo eu colei as anotações semelhantes a abaixo


--------- GOOGLE ANALYTCS

ID: UA-85619172-1

CÓDIGO:

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-85619172-1', 'auto');
  ga('send', 'pageview');


</script>

Caso já tenha algum site cadastrado na conta do Google Analytcs


Caso você ja tenha outro site configurado no Google Analytcs provavelmente vai aparecer uma tela semelhante a esta.



Neste caso para incluir um novo site clique em ADMINISTRADOR >> SELECIONE NA COLUNA DE CONTA A OPÇÃO Criar Nova Conta




Preencha os campos referente ao Website que deseje cadastrar.

Depois clique em Obter ID de acompanhamento.





Aceite os termos.

Você já será redirecionado para a página contendo sua ID  e o código de acompanhamento. 

Eu costumo a criar uma pasta no pc de cada cliente e dentro da mesma um arquivo denominado credenciais.txt onde coloco todas as credenciais e particularidade como esta.

Então dentro deste arquivo eu colei as anotações semelhantes a abaixo


--------- GOOGLE ANALYTCS

ID: UA-85619172-1

CÓDIGO:

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-85619172-1', 'auto');
  ga('send', 'pageview');


</script> 



O Webacappella tem uma vantagem. Ele já inclui o script do Google Analytcs em todas as páginas do projeto automaticamente. Tanto no WA4 quanto no WARC. 


Este procedimento ajuda a diminuir a taxa de rejeição do site perante ao Google. Então basta configurarmos a ID no site que todas as páginas do projeto já serão configuradas com o script automaticamente no site.


APLICANDO NO WA 4 

Clique em na opção do Menu em SITE>>PROPRIEDADES DO SITE



Na tela que se abrirá, na opção SEO, digite a ID no campo referente Estatísticas do site 



Clique em OK  e agora só publicar o site.



APLICANDO NO WA RC  (WA 5)

Na tela principal do projeto clique em WEbsite Setiings



Role a página até encontrar o campo do Website statistics (Google analytics) e preencha o campo com a ID



Clique em Save and close   e agora só publicar o site.




Prontinho, configurado. Agora só esperar o robô do Google visitar seu site para começar a apurar os dados estatísticos. 

Mais pra frente falaremos mais sobre técnicas de SEO , inclusive sobre o mapa do site.

Grande abraco.


07/09/2016

Configurando e-mail de alerta de pedidos.




TEMA: Prestashop integrado com Webacappella
ARTIGO: Novo
VERSÃO: PRESTASHOP  1.5.x |  WEBACAPPELLA  4


Em muitas das ocasiões existem proprietários de lojas virtuais que possuem diversas outras ocupações, e nem sempre tem tempo de visitar o painel todo para acompanhar os pedidos.

Uma saída para isso seria configurar uma conta de e-mail que receberia um aviso toda vez que houvesse uma nova compra na loja. Pois poderia chegar o e-mail até mesmo por um celular.

O Prestashop possui esta possibilidade através de um módulo nativo.


Mas antes de configurarmos nosso e-mail para recebimento de avisos vamos testar se a loja está enviando e-mails normalmente.

Clique na opção do menu PARÂMETROS AVANÇADOS>>E-MAIL

Na área de Teste preencha com o e-mail desejado e clique em Enviar um e-mail de teste




Caso seu teste não foi bem sucedido, você pode usar o quadro acima para efetuar as configurações. Pode-se se optar por php mail e até mesmo utilizar configurações smtp.





Para isso acesse o menu MÓDULOS>>MÓDULOS

No campo de busca procure por alertas de correio

email avisando compra na loja prestashop


Será listado abaixo, agora clique em Instalar


instalar alerta de correios prestashop


Feito a instalação clique em Configurar

configurando aviso por email compra na loja prestashop

Agora você configure de acordo com suas preferências. Você pode por exemplo configurar para receber um e-mail assim que um determinado produto estiver abaixo de um estoque mínimo, ou até mesmo enviar automaticamente para o cliente quando um produto que estava fora de estoque ficou disponível.

No campo endereços de e-mail você insere os e-mails que deseja receber os avisos.




Depois basta clicar em salvar.


01/09/2016

VOCÊ NÃO PODE ALTERAR O STATUS DA LINGUAGEM PADRÃO | -> SOLUÇÃO



TEMA: Prestashop integrado com Webacappella
ARTIGO: Novo
VERSÃO: PRESTASHOP  1.5.x |  WEBACAPPELLA  4

Muitas pessoas quando montam uma loja virtual, não tem intenção de vender para outro país. Para estes casos não é interessante manter vários idiomas disponíveis. Pois causa um retrabalho nos cadastramentos. Você tem que digitar os dados cadastrais para todas as línguas.

Porém mesmo que você deixe desabilitado os idiomas não desejados no painel, nos cadastramentos tem que cadastrar o nome principal no idioma padrão, clicar na bandeira do idioma desejado e cadastrar os dados na língua desejada.

Então o ideal é apagar os idiomas que você não deseja, mantendo apenas cadastrado o idioma desejado.

Portanto ao apagar o idioma inglês aparece um erro dizendo " VOCÊ NÃO PODE ALTERAR O STATUS DA LINGUAGEM PADRÃO" (mesmo que o idioma padrão foi alterado no prestashop integrado quase sempre isso acontece).


Vamos então passar um truque para a solução deste caso.

No Painel do prestashop em LOCALIZAÇÃO>> IDIOMAS delete todos os idiomas em que você não queira utilizar

Deixei então só o Português Br, o que me interessa e o Inglês o qual não consigo apagar e nem desabilitar

Entrei na opção de edição do Idioma Brasil e Printei as informações ali cadastradas para ter uma garantia





O primeiro passo é fazer um backup de segurança tanto da pasta do Prestashop quanto do banco de dados.

Agora acesse seu gerenciador de arquivos pelo cpanel e vá até a pasta de instalação do seu prestashop e procure a pasta translations.

O que vamos fazer é trocar o idioma inglês pelo idioma que desejamos como padrão (gambiarra, mais funciona)


No caso deste artigo eu desejo que o atual inglês padrão seja substituído pelo Brasil.

Copie o conteúdo da pasta br para en

Agora delete também  o idioma portuges, deixando apenas o Inglês.

Vai ficar apenas o inglês:  Edite-o

Altere todos os campos com as informações que você salvou do idioma português e salve.

Envie um arquivo de imagem da bandeira do Brasil.




bandeira-brasil.gif

Salve

Pronto lá está meu painel com apenas um idioma e o que eu desejo.



Para garantir, vá na opção LOCALIZAÇÃO >> TRADUÇÕES e confirme no bloco Troca de Tradução o idioma Portugês BR (Portuguese) clicando em Adicionar ou atualizar idioma


Depois em Minhas Preferências no topo a esquerda e confirme o idioma e salve.



Agora para não afetar o site , é necessário ir em LOCALIZAÇÃO>>TRADUÇÕES

na área copiar você configura conforme imagem abaixo e clique em Copiar.




Prontinho. Agora você não precisa ficar tendo retrabalho nos cadastramentos.














21/08/2016

Seu site está no DMOZ?



TEMA: SEO
ARTIGO: Novo
VERSÃO: WA 4 |  WA 5

.

O Dmoz é um site de diretório Web. Funciona como um catálogo de sites na sua respectiva categoria. Mantido por uma comunidade global de voluntários e alimentados diariamente por webmaster e profissionais de Otimização de sites.

Os robôs dos mecanismos de pesquisa para que comece encontrar seu site ele precisa que seja informado  ou ele ao passar em algum site ou blog, encontrar um link apontando para seu site.  Então estes mecanismos de busca apoiam no Dmoz fazendo uma varredura em tempos em tempos.

Este artigo é mais direcionado para ampliar conhecimentos. Eu mesmo não acho tão relevante o cadastro no Dmoz. Uma vez que incluindo o site no Google Analytics já avisei ao Google; que domina 85% deste nicho já começará indexar o site.

Não tão importante como nos tempos passados um dos ítens em um checklist SEO  é cadastrar o site no Dmoz.

Algumas normas específicas devem ser cumpridas quando for cadastrar seu site no Dmoz. Caso contrário seu site será rejeitado. Mas não se desanime, melhore-o e envia-o novamente após algum tempo.



  • Não submeta sites espelho. Sites espelho são aqueles com conteúdo idêntico, mas URLs diferentes.
  • Não submeta URLs cujo conteúdo seja o mesmo ou similar a outros sites que podem ser listados no diretório. Sites com sobreposições e conteúdo repetitivo não são úteis para os usuários do diretório. Submissões múltiplas do mesmo site ou relacionados podem resultar na exclusão e / ou remoção destes e de todos os sites afiliados.
  • Não disfarce sua submissão para submeter a mesma URL mais de uma vez.
    Exemplo: http://www.dmoz.org e http://www.dmoz.org/index.html
  • Não submeta nenhum site com uma URL que redireciona para outro endereço.
  • O Open Directory tem uma política contra a inclusão de sites de conteúdo ilegal. Exemplos de material ilegal inclui pornografia infantil, calúnia, material que infrinja quaisquer direitos de propriedade intelectual e material que defenda, instigue ou estimule atividades ilegais (como fraude ou violência).
  • Não submeta sites “em construção”. Espere até que o site está completo antes de enviá-lo. Sites que estão incompletas, com sinais “em construção” ou conter links ou não são bons candidatos para o diretório.
  • Submeta sites pornográficos à categoria apropriada em Adult.
  • Submeter sites não inglês à categoria apropriada em World.
  • Não submeta sites que consistem amplamente de links afiliados.
Para se cadastrar no Dmoz vá para http://www.dmoz.org/

No campo de pesquisa digite a categoria do seu site, ou seja, qual a área do negócio.

No exemplo vamos cadastrar o site do WEBAACAPPELLASHOW.

Então vou por na pesquisa a seguinte frase "dicas para criação de sites" porém traduzida pelo translator para o inglês.



Pode acontecer que as categorias listadas não tenham nada haver com a categoria do seu site, refaça a frase e tente novamente. No caso do exemplo a última listada me atende.

Portanto vou clicar onde mostrei na seta na figura abaixo

Pois América do Norte / Estados Unidos / Califórnia não me atende

Clicando conforme dito acima são mostradas subcategorias.


Clicando na mesma e dando continuidade me disponibilizou outra subcategoria,

.

Nesta tela eu clique no ícone conforme mostra a figura acima para sugerir o site que desejo cadastrar.

Preenchi os dados do formulário

E agora é esperar pra ver se vai ser aceito.



Tradução pelo Google Tradutor o texto da mensagem de confirmação

Uma vez que seu site foi aceito no DMOZ, pode levar de 2 semanas a vários meses para o seu site para ser listado nos sites dos parceiros que usam dados de DMOZ, tais como AOL Search, AltaVista, HotBot, Google, Lycos, Netscape Search, etc . Nós fazemos as actualizações dos dados disponíveis semanalmente, mas cada parceiro tem sua própria programação de atualização.
Considere tornar-se um editor e manutenção de uma categoria. DMOZ tem um conjunto abrangente de ferramentas para adicionar, excluir e atualizar links em segundos. Por apenas alguns minutos do seu tempo você pode ajudar a tornar a Web um lugar melhor, e ser reconhecido como um especialista sobre o tema escolhido.

17/08/2016

Inserindo um botão compartilhar no Facebook utilizando os botões do Webacappella (Método 2)



TEMA: Redes Sociais
ARTIGO: Revisado e Melhorado
VERSÃO: WA RC  |  WA 4


Em outra postagem eu explique como inserir no seu site Webacappella um botão Compartilhar no Facebook utilizando o método Facebook Developers.

Link da postagem:
http://webacappellashow.blogspot.in/2016/08/inserindo-um-botao-compartilhar-no.html

Portanto para ao clicar no botão tenha o efeito desejado é necessário seguir os procedimentos explicados em outra postagem:
Link:
http://webacappellashow.blogspot.in/2015/07/facebook-open-graph-imagem-compartilhar.html



Vamos então para outro método que é utilizando os botões do Webacappella:



MÉTODO 2 - UTILIZANDO BOTÃO DO WEBACAPPELLA


Existem casos que desejamos fugir da imagem padrão que o Facebook nos fornece para o botão Compartilhar como mostrado no Método 1. Então existe uma forma de você utilizar os próprios botões do Webacappella. 

Para isso faça todos os procedimentos do MÉTODO 1 insira o botão e publique o site. Após o site publicado clique no botão como fosse compartilhar no Facebook:

Ao abrir a tela de publicação copie todo o conteúdo da barra de endereço.



NO WA 4

No Webacappella na página que deseja o botão compartilhar insira um botão com a opção INSERIR >> BOTÃO. 

Personalize o botão da sua maneira, e na hora de definir um link para o botão defina para "Link para um endereço na internet" , "Nova Janela", e no campo abaixo cole o que você copiou da barra de endereços conforme mostrado na imagem acima.




Para ver o resultado on line clique aqui


NO WA RC

No  Webacappella RC,  na página que deseja o botão compartilhar insira um box onde vai receber o código, clique no ícone Button no menu 

Personalize o botão da sua maneira, e na hora de definir um URL e assinale a caixa de verificação "Open in a windows"  No campo da url cole o que copiou na barra de endereços conforme a imagem mostrada.


Uma pena que até a data de hoje, no WA RC não temos muitas opções de personalização do Botão. Como inserir um ícone por exemplo.

Para ver o resultado on line clique aqui (o botão está no rodapé do site)





Este método dispensa a inclusão do código no head de cada pagina como mostrado no MÉTODO 1


Agora você tem um botão mais personalizado para compartilhar o site no Facebook.

Coloque a data atual no seu site webcappella





TEMA: Código
ARTIGO: Novo
VERSÃO:  WA4 | WA5 
Fala galera, nuuuu, hoje foi tenso. Não sei o que comi, mas tava que nem pato hihihi


Para não passar batido, vou passar um código que muitos devem conhecer, mas muitos também não. Digo pois nem todo mundo é um profissional. Muitos até estão começando na área e aprendendo. 

Este código eu gosto de usar por exemplo em algum site em que possui uma calendário de eventos, ai e posto de uma maneira que fica bacana.. Assim o visitante do site já diante da agenda, no mesmo foco dos olhos ele já se atenta pra data atual, sem a necessidade de  desfiar o olhar para o relógio do Windows.

CÓDIGO

<center> 
<script language="JavaScript">
document.write("<font color='#fff' size='2' face='arial'>")
var mydate=new Date()
var year=mydate.getYear()
if (year<2000)
year += (year < 1900) ? 1900 : 0
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
var dayarray=new Array("Domingo","Segunda-feira","Terça-feira","Quarta-feira","Quinta-feira","Sexta-feira","Sábado")
var montharray=new Array(" de Janeiro de "," de Fevereiro de "," de Março de ","de Abril de ","de Maio de ","de Junho de","de Julho de ","de Agosto de ","de Setembro de "," de Outubro de "," de Novembro de "," de Dezembro de ")
document.write(" "+dayarray[day]+", "+daym+" "+montharray[month]+year+" ")
document.write("</b></i></font>")
 </script>

PERSONALIZAÇÃO

<center> ALTERE CASO QUEIRA A DATA DO LADO DIREITO,CENTRALIZADO OU ESQUERDO DA ÁREA DE IMPLEMENTAÇÃO DO CÓDIGO NO WA

#fff'  ALTERE PELA CÓDIGO DA COR DESEJADA 

2 ALTERE PELO TAMANHO DESEJADO

arial ALTERE PELA FONTE DESEJADA, LEMBRE QUE SE FOR ESCOLHER UM FONTE QUE NÃO É CONSIDERADA FONTE DE SISTEMA, A MESMA DEVE SER CONFIGURADA NA SUA HOSPEDAGEM 


IMPLEMENTAÇÃO NO WA4

Selecione a opção INSERIR>>CÓDIGO HTML, adicione o código no útlimo campo, marque Ativar pré visualização para poder ter a referência no site.
Posiceione onde desejar.


Para ver on line clique aqui

IMPLEMENTAÇÃO NO WA RC

Insira o box onde será inserido o código: Clique no ícon HTML do menu, clique para abri a edição , adicione o código no  campo,
Posiceione onde desejar.




Para ver on line clique aqui



15/08/2016

Cadastrando um produto virtual




TEMA: Prestashop integrado com Webacappella
ARTIGO: Novo
VERSÃO: PRESTASHOP  1.5.x |  WEBACAPPELLA  4


Hoje vamos falar sobre o cadastramento de produto virtual, ou seja o produto virtual é aquele produto que não se pode tocar. Como por exemplo um e-book, temas, templates, scripts e afins. 

O bacana deste recurso no Prestashop é que após o cliente efetuar o pagamento o arquivo já estará disponível para o mesmo baixar. Desta forma poupa o dono da loja de ter alguma intervenção.

Outro fato interessante é que o produto virtual dispensa configuração de modo de entrega.

Então para nosso primeiro produto de nossa loja no site WebacappellaShow utilizando o modo integrado, vamos cadastrar um módulo muito útil para as lojas que vendem produtos físicos e necessitam do cálculo de frete pelos correios.

Futuramente iremos disponibilizar vários módulos úteis e necessários para um bom funcionamento de uma loja. Porém estarei postando sobre cada um separadamente e explicando sobre seu funcionamento, instalação e configuração.

Este que estou cadastrando também entra nesse projeto, porém só estou utilizando o mesmo neste post como exemplo.  Ele ficará disponível em nosso site, mas sem nos comprometermos em explicar sua utilização e configuração no momento. Ficará para sua vez. 

Então vamos lá:

No Backoffice da sua loja clique em CATÁLOGO>>PRODUTOS e depois em Adicionar Novo

O Prestashop por ser um e-commerce bem completo, chega a ser um pouco trabalhoso o cadastro de cada produto. Mas vale a pena.

Repare que ao cadastrar produtos serão disponíveis várias abas laterais as quais deverão ser configuradas.



Como vamos cadastrar um produto virtual, clique em Produto Virtual na primeira aba "Informação". 




Assim que você assinala a opção , será encaminhado já para a tela para fazer o upload do arquivo. Clique então em Sim, envie o arquivo e preencha os campos de acordo com suas preferências.



Repare na imagem acima, algo que acho interessante é que eu limitei que este cliente poderá baixar apenas 2 vezes e no período de 30 dias.

Repare também que por ser um produto virtual a aba ENVIO desapareceu. Pois a mesma não é necessária.


Volte então para a aba Informação para dar continuidade no cadastramento do produto. 

Lembre sempre de selecionar a bandeira do idioma em que será utilizado. E caso utilizar mais de um deverá preencher os campos para cada idioma.


Os campos são de fácil entendimento, então acredito que não preciso explicar sobre cada um, mas uma dica para o produto virtual é marcar a caixa "apenas on line" e o campo Referência pode ser usado para um código interno da loja.


Na aba preços você define o preço do seu produto e até mesmo informar o custo de forma utilizar a parte de relatórios e estatísticas do Prestashop para saber sua margem de lucro.

No caso deste produto em que vou fornecer gratuitamente todos os valores serão zerados.



Na aba SEO  é onde você vai cadastrar as met tags para ajudar aos mecanismos de busca.


Na aba Associações é onde você vai associar o seu produto a categoria cadastrada. Se você deseja saber mais sobre o cadastramento de categoria basta clicar aqui.

Você pode relacionar o mesmo produto em várias categorias. Eu gosto de deixar sempre a Home selecionada e selecionar as demais em que o produto fará parte. 

Então deixei a Home selecionada, marqueis as categorias em que fará parte.



A Aba Combinações não é utilizada para um produto virtual, passamos para Aba Quantidades.

Na Aba quantidades você poderá tanto configurar como vai se proceder no seu estoque, como também definir quantos estão disponíveis para venda. 

Muitos estão perguntando, se o produto é virtual qual o motivo de configurar quantidades. 

Eu explico: Você poderá por exemplo querer limitar que seu produto seja vendido apenas 50 por exemplo. Pois uma pessoa sabendo que tem um limite, ela apressará sua compra. Pois não sabe se depois estará disponível novamente. É uma jogada comercial para que você apresse o cliente a comprar caso ele tenha o desejo.

Você também pode configurar uma quantidade mínima para a compra daquele produto. Vamos supor que seu objetivo não seja um consumidor final, e sim somente para representantes. Daí você define uma quantidade maior.  Inda mais sendo um produto virtual em que o cara vai baixar 1 e vai poder vender quantos quiser.. 



Na aba Imagens você insere as imagens que vai representar seu produto e escolhe uma para a capa.



Agora as abas características, personalizações acho desnecessário para um produto virtual. Mas estarei explicando sobre elas quando postar sobre o cadastro de um produto físico.

Na aba fornecedor você informa qual o fornecedor para o produto. Como já comentei anteriormente em outras postagens; para o caso do Prestashop integrado com WebAcappella é besteira gastar tempo com esta opção.


Nota importante.: Após preencher as informações a cada Aba é aconselhável clicar em "Salvar e Fique". Desta forma estará garantindo o salvamento das informações e não sairá do produto em que está cadastrando. Só após cadastrar todas informações de todas as Abas clique em Salvar. Clicando em Salvar você sairá do produto em que está cadastrando e irá ser direcionado para a lista de produtos.
Agora se acabou de cadastrar tudo referente aquele produto, clique em Salvar.




Agora repare que o arquivo já está disponível par o cliente depois que o mesmo efetuou a compra.


Como disse estamos criando já todos os procedimentos diretamente em nosso site, então algumas coisas ainda não foram configuradas. Tipo o termos e condições por  exemplo. Tudo será explicado ao decorrer do tempo.

Então se você quiser já ver como está o funcionamento até agora, e aproveitar e baixar o módulo basta clicar aqui . (é necessário se cadastrar para baixar)

Related Posts Plugin for WordPress, Blogger...