Neste post, vou mostrar como você pode inserir código HTML de produtos da Amazon no seu blog do Blogger e ganhar comissões como associado. O programa de associados da Amazon permite que você divulgue os produtos da loja online mais popular do mundo e receba uma porcentagem de cada venda realizada através do seu link. Para isso, você precisa se cadastrar no programa e gerar os códigos HTML dos produtos que deseja promover.
O código HTML é uma linguagem de marcação que define a estrutura e o conteúdo de uma página web. Com ele, você pode inserir elementos como textos, imagens, links, tabelas, listas e muito mais. O código HTML é composto por tags, que são palavras ou símbolos entre sinais de menor e maior (< >), que indicam o início e o fim de um elemento. Por exemplo, para inserir um título na sua página, você usaria a tag <h1> no início e a tag </h1> no final, assim:
<h1>Este é um título</h1>
Para inserir código HTML de produtos da Amazon no seu blog do Blogger, você precisa seguir alguns passos:
1. Acesse o site da Amazon e faça login na sua conta de associado. Se você ainda não tem uma conta, pode se cadastrar gratuitamente aqui: https://associados.amazon.com.br/.
2. Escolha o produto que deseja divulgar e clique no botão "Obter link" na página do produto ou na barra de ferramentas dos associados.
3. Na janela que se abre, selecione a opção "Texto e imagem" para gerar um código HTML que inclui o nome, a imagem e o preço do produto, além do seu link de associado.
4. Copie o código HTML gerado na caixa abaixo do produto. Ele deve ter um formato parecido com este:
<a target="_blank" href="https://www.amazon.com.br/gp/product/B08L5RZTTK/ref=as_li_tl?ie=UTF8&camp=1789&creative=9325&creativeASIN=B08L5RZTTK&linkCode=as2&tag=seublog-20&linkId=0f7b8b9c9a6f4d8a9e7f8a8a3d0c4d9c"><img border="0" src="//ws-na.amazon-adsystem.com/widgets/q?_encoding=UTF8&MarketPlace=BR&ASIN=B08L5RZTTK&ServiceVersion=20070822&ID=AsinImage&WS=1&Format=_SL250_&tag=seublog-20" ></a><img src="//ir-br.amazon-adsystem.com/e/ir?t=seublog-20&l=am2&o=33&a=B08L5RZTTK" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />
5. Acesse o painel do seu blog do Blogger e clique em "Nova postagem" ou "Editar postagem", dependendo se você quer criar um novo conteúdo ou inserir o código em um post já existente.
6. No editor de postagens, clique no ícone "<>" para mudar para o modo HTML. Cole o código HTML do produto da Amazon no local onde você quer que ele apareça na sua postagem. Você pode ajustar o tamanho e a posição do elemento usando as tags <div> e <style>, por exemplo.
7. Clique em "Visualizar" para ver como ficou o resultado na sua página. Se estiver satisfeito, clique em "Publicar" ou "Atualizar" para salvar as alterações.
Como criar um código HTML de galeria de produtos da Amazon no Blogger
Agora, vou mostrar como criar um código HTML de galeria de produtos da Amazon no Blogger. Esse código pode ser útil para quem quer divulgar produtos da Amazon em seu blog e ganhar uma comissão por cada compra realizada através dos seus links.
Para criar o código HTML, você vai precisar de duas coisas: um ID de associado da Amazon e uma ferramenta chamada SiteStripe. O ID de associado é um código que identifica você como um participante do Programa de Associados da Amazon. Você pode se cadastrar gratuitamente no portal de associados da Amazon.com.br. A SiteStripe é uma barra de ferramentas que aparece quando você acessa a página da Amazon.com.br como associado. Ela permite criar códigos HTML de forma rápida e fácil para diferentes tipos de links: texto, imagem, texto+imagem ou compartilhamento.
Para criar o código HTML de galeria de produtos, siga os passos abaixo:
1. Acesse a página da Amazon.com.br e faça login com sua conta de associado.
2. Procure pelos produtos que você quer incluir na sua galeria e abra cada um em uma nova aba do navegador.
3. Em cada aba, clique no ícone "Texto+Imagem" na SiteStripe. Você verá um quadro de link com o nome do produto, a imagem, o preço, o logotipo da Amazon e o botão "Comprar".
4. Copie o código HTML gerado pelo SiteStripe e cole em um editor de texto (como o Bloco de Notas).
5. Repita os passos 3 e 4 para todos os produtos que você quer na sua galeria.
6. No editor de texto, organize os códigos HTML em uma tabela com o número de linhas e colunas que você preferir. Por exemplo, se você quiser uma galeria com 4 produtos em 2 linhas e 2 colunas, você pode usar o seguinte código:
<table>
<tr>
<td> <!-- cole aqui o código HTML do primeiro produto --> </td>
<td> <!-- cole aqui o código HTML do segundo produto --> </td>
</tr>
<tr>
<td> <!-- cole aqui o código HTML do terceiro produto --> </td>
<td> <!-- cole aqui o código HTML do quarto produto --> </td>
</tr>
</table>
7. Salve o arquivo com extensão .html e abra-o em um navegador para ver como ficou a sua galeria.
8. Se estiver satisfeito com o resultado, copie todo o código HTML do arquivo e cole no seu blog do Blogger. Você pode fazer isso na opção "HTML" do editor de postagens ou na seção "Gadgets" do layout do seu blog.
9. Pronto! Agora você tem uma galeria de produtos da Amazon no seu blog que pode gerar renda para você.
Espero que este post tenha sido útil para você. Se tiver alguma dúvida ou sugestão, deixe um comentário abaixo. Obrigado por ler!
Pronto! Agora você já sabe como inserir código HTML de produtos da Amazon no seu blog do Blogger e ganhar dinheiro como associado. Lembre-se de seguir as políticas do programa e divulgar apenas produtos relevantes para o seu público-alvo. Boas vendas!