barra assinaturas dez/2007 (versão 1.1). criar ambiente único e exclusivo de assinaturas em todos...
TRANSCRIPT
Barra AssinaturasDez/2007
(versão 1.1)
• Criar ambiente único e exclusivo de Assinaturas em todos os
sites Abril, visando a padronização dos produtos e serviços
de Assinaturas nos sites. Neste ambiente o cliente terá fácil
acesso ao AbrilSac.com ( site exclusivo para assinantes ),
AssineAbril.com e LojaAbril.com
• As vendas realizadas através da Barra terão origem específica
e serão medidas por site.
Barra Assinaturas - Objetivo
(versão 1.1)
• Para melhor adaptação aos diferentes layouts dos
sites, a barra terá dois formatos:
– Vertical: inserida na lateral direita dos sites, como temos
hoje no PortalAbril
– Horizontal: inserida no rodapé dos sites
Formatos
(versão 1.1)
Vertical
(versão 1.1)
Horizontal
(versão 1.1)
A Barra
Chamada para o AbrilSac:
Assinante Abril, este site é para você. Resolva tudo sobre a sua
assinatura num clique. Acesse!
No futuro, identificaremos os assinantes e neste espaço
traremos serviços segmentados.
(versão 1.1)
A Barra
Chamada para Assinaturas:
• Combo Box com todas as revistas Abril
• 3 ofertas específicas de revistas. Será possível segmentar a oferta da revista de acordo com o site. Ex: site Veja, a primeira oferta da barra carrega revista Veja
•1 oferta de Abril Presentes
(versão 1.1)
A Barra
Chamada para Loja Abril:
• 2 ofertas segmentadas de produtos da Loja Abril. Ex: Site Você S.A a barra carrega produtos Você S.A
(versão 1.1)
Hospedagem
Servidor do siteHopedagem domínio próprio, já em AKAMAI:
http://barrasassine.abril.com.br
O peso médio para uma barra com 7 ofertas é de 18K
(versão 1.1)
• A Barra ficará abaixo de um domínio específico e a
contabilização se dará separadamente;
• O carregamento da Barra ocorrerá como último elemento
da página, não interferindo no carregamento do site;
• Com o auxílio da Abril Digital minimizamos o peso e
facilitamos a carga do script;
• As imagens estão com peso máximo de 1k, para facilitar
no carregamento da Barra.
Importante:
(versão 1.1)
1º Criar o DIV que receberá o conteúdo da Barra Assine, na posição em que ela será exibida.
2º O script que faz a chamada da barra Assine deverá ser incluído no final do código HTML, antes do SCRIPT do Certifica
Como inserir a barra no site
(versão 1.1)
3º Incluir no topo do site, a chamada para o arquivo CSS que controla o visual da barra. A barra pode ser horizontal ou vertical.
Como inserir a barra no site
Esse arquivo permite mudar a orientação da barra. Ele pode ser:
b_ass_v.css = Barra na vertical
b_ass_h.css = Barra na horizontal
(versão 1.1)
Código
• <HEAD> (carrega o css padrão da Barra Assine)
<link rel="stylesheet" type="text/css" href="http://barrasassine.abril.com.br/css/b_ass_v.css">
• DIV (inserir na posição que a barra será exibida)
<div id="ass_db"></div>
• SCRIPT (deverá ser incluído no final do código HTML, antes do SCRIPT do Certifica )
<script src="http://barrasassine.abril.com.br/ba_NOME_GERADO_ASSINE_ABRIL.js"></script>
O nome do javascript da barra, será fornecido pelo Assine Abril. IMPORTANTE: Cada site tem um script específico .
(versão 1.1)
Scripts
ba_arquitetura ba_exame ba_quatrorodasba_aventuras ba_gloss ba_recreioba_boaforma ba_infocorp ba_semanaba_bonsfluidos ba_info ba_saudeba_bravo ba_manequim ba_superba_capricho ba_menshealth ba_vejaba_casaclaudia ba_mestranho ba_viagemba_abrilcom ba_national ba_vidasimplesba_claudia ba_novaescola ba_vipba_contigo ba_nova ba_voceba_elle ba_placar ba_witchba_estilo ba_playboy ba_geral
O script “ba_geral” deverá ser utilizado nos sites que não tem produtos em
assinaturas. Ex: Viva Mais, Bizz, Etc.
(versão 1.1)
CSS alternativo
É possível a criar um CSS Alternativo para a Barra se adaptar ao layout
ou estrutura do site. Os procedimentos são:
1. Fazer o download do arquivo abaixo. Nesse arquivos estão os estilos que
podem ser alterados
http://origin.barrasassine.abril.com.br/modelo/modelo_barra.zip
1. Alternar o arquivo CSS conforme o design do site e fazer o upload no
próprio site.
2. Mudar a chamada do CSS padrão, para o novo estilo. Exemplo:
de: <link rel="stylesheet" type="text/css" href="http://barrasassine.abril.com.br/css/b_ass_v.css">
para: <link rel="stylesheet" type="text/css" href="/css/b_ass_site.css">
(versão 1.1)
Dúvidas? Procure
Ana Carol Soler
R- 42288
(versão 1.1)