Meu Primeiro Site
Bem-vindo(a) ao meu site de aprendizado!
Olá,
![]()
Relatório de Métricas de Email Marketing
Período: %%=Format(Now(), "MMMM yyyy")=%%
|
Taxas de Engajamento
%%[
SET @engagementConfig = Concat(
'https://quickchart.io/chart?c={',
'type:"line",',
'data:{',
'labels:', @meses, ',',
'datasets:[',
'{label:"Taxa de Abertura (%)",data:', @openRate, ',borderColor:"rgb(75,192,192)",fill:false},',
'{label:"Taxa de Clique (%)",data:', @clickRate, ',borderColor:"rgb(255,99,132)",fill:false}',
']',
'},',
'options:{plugins:{title:{display:true,text:"Evolução do Engajamento"}}}',
'}'
)
]%%
=%%)
|
Métricas de Entrega
%%[
SET @deliveryConfig = Concat(
'https://quickchart.io/chart?c={',
'type:"bar",',
'data:{',
'labels:', @meses, ',',
'datasets:[',
'{label:"Hard Bounce (%)",data:', @hardBounce, ',backgroundColor:"rgba(255,99,132,0.8)"},',
'{label:"Soft Bounce (%)",data:', @softBounce, ',backgroundColor:"rgba(255,159,64,0.8)"},',
'{label:"Opt-out (%)",data:', @optOut, ',backgroundColor:"rgba(75,192,192,0.8)"}',
']',
'},',
'options:{plugins:{title:{display:true,text:"Métricas de Entrega"}},scales:{y:{beginAtZero:true,max:5}}}',
'}'
)
]%%
=%%)
|
Funil de Conversão
%%[
SET @funnelConfig = Concat(
'https://quickchart.io/chart?c={',
'type:"bar",',
'data:{',
'labels:', @funnelLabels, ',',
'datasets:[{',
'data:', @funnelData, ',',
'backgroundColor:["#FF6384","#36A2EB","#4BC0C0","#FFCE56"]',
'}]',
'},',
'options:{indexAxis:"y",plugins:{title:{display:true,text:"Funil de Conversão"}}}',
'}'
)
]%%
=%%)
|
Segmentação de Clientes
%%[
SET @segmentConfig = Concat(
'https://quickchart.io/chart?c={',
'type:"bar",',
'data:{',
'labels:', @segmentos, ',',
'datasets:[',
'{label:"Ativos",data:', @ativos, ',backgroundColor:"rgba(75,192,192,0.8)"},',
'{label:"Inativos",data:', @inativos, ',backgroundColor:"rgba(255,99,132,0.8)"}',
']',
'},',
'options:{plugins:{title:{display:true,text:"Segmentação de Clientes"}},scales:{x:{stacked:true},y:{stacked:true}}}',
'}'
)
]%%
=%%)
|
Métricas Principais
|
| Taxa média de abertura: |
%%=Average(@openRate)=%%% |
| Taxa média de cliques: |
%%=Average(@clickRate)=%%% |
| Taxa média de bounce: |
%%=Average(@hardBounce)=%%% |
|
-->
" alt="Um desenho de um navegador da web, com as principais cores rosa, preto, roxo e verde. Com as iniciais VW" />
Este HTML foi desenvolvido seguindo o tutorial do MDN Web Docs, onde eu pude aprender sobre:
- Estrutura do html.
- Elementos: p, img, h(1,2,3,4,5,6), ul, li, ol e a.
- Estrutura de pastas.
- Programas básicos de desenvolvimento: Visual Studio Code, Chrome e Gimp
- Página de estilização: