Tutorial: 🔥🔥🔥 Sobre Imagens Geolocalizadas

  • Autor Autor Hugo7
  • Data de início Data de início
Este tópico foi traduzido automaticamente do espanhol. Ver original
Hugo7

Hugo7

Ómicron
Verificación en dos pasos activada
​


🙂 OLÁ AMIGOS!

Trago um novo tutorial, desta vez não será para ganhar dinheiro como o anterior, mas se compreenderem bem e aplicarem com inteligência, melhorarão os resultados na hora de chamar a atenção, conseguir mais cliques, mais visitas e ter maiores oportunidades de alcançar seus objetivos...

Recomendo que leia atentamente este tutorial, do início ao fim, porque há várias ideias de valor e até informação extra que você pode obter, se ler com atenção este tutorial...

Detalhes a considerar:

Isto será um "esvaziamento de cabeça", então… Apertem os cintos, que lá vamos nós!!!

8KZ8tSd.png


***********************************************************************************************

O PROBLEMA

Há poucas semanas, completei um ano no Forobeta e, desde o início, entrei para compartilhar meus conhecimentos, experiências, aprender, fazer amigos e também, como certamente muitos de vocês, para fazer negócios.

Minha estratégia principal, desde o início, foi colocar um banner no espaço da minha assinatura (como todos)... Tentei vários estilos de banners; imagens do produto, mensagens apenas de texto, e até criei um com uma garota olhando para minha mensagem...



Logo percebi que tinha poucos cliques e poucas pessoas visitavam meus anúncios… então, comecei a pensar em fazer uma mudança mais significativa… eu precisava encontrar alguma forma de chamar mais a atenção dos usuários do fórum… para que cliquem mais e mais pessoas, pelo menos, vejam meus anúncios…


***********************************************************************************************

A SOLUÇÃO

Depois de vários dias pensando (levei com calma), percebi que… tecnicamente, poderia mostrar um banner diferente para cada pessoa, de acordo com seu país… ou seja, mostrar um banner desenhado para o México aos mexicanos, um banner para a Espanha aos espanhóis e assim por diante com o resto dos países do mundo… bom, na verdade, limitei-me apenas aos países de língua espanhola.

Com essa ideia em mente, comecei a trabalhar e, após várias horas de Pesquisa e Desenvolvimento, consegui resolver…
Explico como isso funciona...

Graças ao Script que publico aqui; você só precisa criar uma imagem (banner) destinada a ser exibida para um país específico (o que você quiser) e depois salvar a imagem com o código do país correspondente; tem que ser assim para que funcione bem...


Por exemplo:

RgeNWpM.png



  • mx.png - para o México
  • es.png - para a Espanha
  • ar.png - para a Argentina
  • default.png - para o resto do mundo


Detalhes:


  1. Os arquivos de imagem podem ser PNG, JPG ou GIF (é configurável).
  2. O código do país ao qual me refiro é este: https://es.wikipedia.org/wiki/ISO_3166-2
  3. default.png deve ser sempre criado, é a imagem genérica para o resto dos países.
  4. Você terá acesso ao Script e poderá fazer as alterações que considerar, sob sua responsabilidade.

Isso seria basicamente tudo o que é importante saber até aqui, vamos recapitular:


  1. Você cria uma imagem geral para todo o mundo.
  2. E cria uma imagem particular para cada país que precisar.
  3. Dessa forma, o Script fará com que os usuários vejam essas imagens de acordo com seus respectivos países.


E usando essa lógica, você pode fazer várias outras coisas, por exemplo…


O que acontece se eu precisar “excluir” algum país?

Se por alguma razão você quiser publicar uma imagem neste fórum ou em qualquer página web...
E quiser “excluir” um país, ou vários, com este método você poderá fazer...
Só precisará organizar os arquivos da seguinte forma…


(A) Esta imagem deverá ter a mensagem que você quer mostrar para todo o mundo.​

(B) Esta imagem será para o país que você quer excluir; pode ser uma imagem com alguma mensagem ou simplesmente uma imagem vazia e pequena, para carregar rápido.​

Dessa forma, todos os usuários do mundo verão a imagem (A) com sua mensagem, anúncio, dados de contato ou o que quiser mostrar… no entanto, aqueles que entrarem do país “excluído” verão a imagem (B) correspondente.


Exemplo:

ploSN6U.png



  • default.png - É a imagem com a mensagem para todo o mundo.
  • ja.png - É a imagem para o país excluído, neste exemplo “Japão”.
  • de.png - É a imagem para o país excluído, neste exemplo “Alemanha”.
  • tw.png - É a imagem para o país excluído, neste exemplo “Taiwan”.


E se eu quiser mostrar algo exclusivamente para um país?

Se você quiser mostrar uma imagem exclusivamente para um país ou um grupo de países, também poderá fazer…
Só precisa organizar o conteúdo das imagens da seguinte forma...


(A). É a imagem vazia ou com alguma mensagem que todos poderão ver.​

(B). É a imagem com o conteúdo exclusivo para o ou os países escolhidos.​

Exemplo:

YYrTbMJ.png



  • default.png - Esta é a imagem “vazia” ou com alguma mensagem que todos verão.
  • mx.png - É a imagem para o país exclusivo, neste exemplo “México”
  • es.png - É a imagem para o país exclusivo, neste exemplo “Espanha”
  • ar.png - É a imagem para o país exclusivo, neste exemplo “Argentina”


Isso funciona?

Sim
, desde que implementei, notei um aumento de visitas nos meus anúncios, MPs, perguntas e vendas…
E também notei uma melhora significativa em outros projetos (fora do fórum)...
Por isso, convido você a usar em seus projetos!


***********************************************************************************************

MAIS IDEIAS DE USO

Como você certamente já percebeu, este método serve não apenas para a assinatura do Forobeta…
Isso serve para mostrar sua mensagem inteligente ou regionalizada para qualquer usuário online…
Dou alguns exemplos de onde você poderá aplicar:



  1. Blogs de Blogger e Wordpress
  2. Serviços de Webmail como GMail, Hotmail, etc.
  3. Serviços de mensagens como WhatsApp, Skype, etc.
  4. Qualquer plataforma de anúncios*
  5. Outros Fóruns, Páginas Web, Landing Pages, etc.
  6. Apps móveis**
  7. Preview de Vídeos em HTML5 ou Flash (Mais informações)

(*) Que aceitem imagens hospedadas no seu servidor web.
(**) Que possam acessar as imagens hospedadas no seu servidor web.


***********************************************************************************************

E, posso ganhar dinheiro com isso?


Claro que sim!
Tanto se você for designer, programador ou até mesmo empreendedor sem conhecimentos técnicos, pode usar esta ideia para seus empreendimentos e até levá-la para o próximo nível...

Ofereço alguns exemplos:

  1. Se você é designer, pode aprender bem este método e oferecer um serviço extra aos seus clientes; algo como “Banners Inteligentes” ou “Banners Regionalizados”... Obviamente, antes deverá implementar um exemplo no seu site que possa mostrar aos seus clientes e que ajude a vender este serviço… talvez você se pergunte: quanto poderia cobrar por algo assim? Deixo à sua imaginação.

  2. Com base nisso, você poderia criar algo novo, poderia ser um produto ou um serviço; para que qualquer pessoa sem conhecimentos técnicos possa criar banners regionais na sua plataforma e obter a URL da imagem “inteligente” para usar em seus blogs, sites ou campanhas (Ads, Newsletter, etc.). Este deveria ser um site bem pensado que permita ganhar dinheiro no piloto automático, já que o cliente é quem deveria subir e configurar seus banners. O que acha desta ideia?


***********************************************************************************************

O SCRIPT

Para testar este método, é necessário que você saiba algo de programação PHP e que tenha um servidor web...
Para que dê uma olhada rápida, aqui mostro o Script PHP...

PHP:
<?php

$type    = 'png';
$path    = './imagenes/';

$json    = file_get_contents('http://www.geoplugin.net/json.gp?ip='.$_SERVER['REMOTE_ADDR']);
$data    = json_decode($json);
$pais    = strtolower($data->geoplugin_countryCode);

$file    = $path.$pais.'.'.$type;
$file    = is_file($file) ? $file : $path.'default.'.$type;

header('Content-type: image/'.$type);
header('Content-length: '.filesize($file));
readfile($file);

?>

Aqui abaixo encontrará o arquivo ZIP para baixar...
Organizei tudo da melhor forma possível, espero que seja útil e prático...

Conteúdo:


  1. Contém o Script PHP, com este mesmo código, pronto para usar
  2. Com 240 imagens de 500x100, com todos os países do mundo, inclusive a imagem "default".

***********************************************************************************************




FINALIZANDO


Eu disse que era um esvaziamento de cabeça?

Acho que sim… Vamos testar se sobrou algo…

bqzwfE7.png


Sim amigos, por enquanto, acho que foi tudo!

Se você gostou e achou valioso o tutorial, peço por favor...



  1. Deixe sua curtida!
  2. Deixe seu comentário, contribuição ou pergunta...
  3. E compartilhe se achar que pode servir para algum dos seus amigos

Esta é uma primeira parte do tutorial, a ponta do iceberg...
Se eu vir que tem aceitação, virei com mais contribuições...


Abraços,
Hugo



Se o Tutorial Foi Útil para Você, Peço uma Doação...
O que puder estará bem. Muito Obrigado!


El gato también come



 

Anexos

Última edição:
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
Excelente tutorial amigo, muito útil, conciso e limpo, isso pode ajudar muitas pessoas que estejam trabalhando com CPA ou em coisas relacionadas a esse meio, principalmente.
 
Que grande. A verdade é que no início eu estava pensando que o ForoBeta admitia isso por padrão, como uma função interna, mas na verdade o que você está fazendo é um self-host de imagens e cloakeando o tráfego conforme a conveniência. Não é algo próprio do ForoBeta per se, mas sim daqueles sites que permitem que você coloque imagens self-hosteadas. Igual a se você vendesse com uma URL apontando para uma landing e, ao chegar, redirecionasse para uma ou outra versão em função do país do seu tráfego. Mais ainda, se você quiser, acho que já poderia até autogerar essa imagem com um gerador dinâmico e colocar algo assim: "Ei! Você! O mexicano com Firefox: Temos uma oferta para você!"
 
Excelente tutorial:encouragement::encouragement:
 
muito muito bom. :encouragement:
 
Excelente tutorial.
 
que bom tutorial, obrigado pela contribuição
 
Muito bom tutorial.
 
Que grande. A verdade é que no início eu estava pensando que o ForoBeta admitia isso por padrão, como uma função interna, mas na verdade o que você está fazendo é um self-host de imagens e cloakeando o tráfego conforme a conveniência. Não é algo próprio do ForoBeta per se, mas sim daqueles sites que permitem que você coloque imagens self-hosteadas. Igual a se você vendesse com uma URL apontando para uma landing e, ao chegar, redirecionasse para uma ou outra versão em função do país do seu tráfego. Mais ainda, se você quiser, acho que já poderia até autogerar essa imagem com um gerador dinâmico e colocar algo assim: "Ei! Você! O mexicano com Firefox: Temos uma oferta para você!"

Olá SirLouen,

Obrigado pelo seu comentário
, vejo que compreendeu bem este tema...
E sim, é possível fazer isso que você comenta, de autogerar as imagens...
De fato, foi isso que fiz para este tutorial...

Criei automaticamente as 240 imagens de todos os países (inclusive a imagem default)...
E fiz isso para os 3 exemplos dinâmicos que publiquei; o da garota, o vídeo e o de Tim Ferriss...
Fiz outros exemplos também; um eCover de um eBook e outro com Donald Trump, mas depois achei muito repetitivo.

Além disso, todas as imagens que se encontram no arquivo ZIP para baixar, também as criei dinamicamente...
Você imagina o tempo que levaríamos para criar essa quantidade de imagens, uma por uma?

🙂 E obviamente, também é possível autogerar "on-demand", tudo isso pode ser feito sem problemas...

Mas aqui, o que ensino, é como mostrar a imagem correta, para o público correto...
Quando você tem essa limitação, onde só pode publicar a URL da imagem...

Que continue bem!

Abraços,
:encouragement: Hugo
 
[MENTION=180759]Hugo7[/MENTION], existe uma técnica que não é muito popular, mas é muito interessante: Gerar imagens baseadas em renderizações SVG. É mais fácil do que parece e você pode programar ao ponto de ser tudo 100% puro código, criar um script e apenas variar a imagem de fundo e a posição do text element (que é o que você vai estar rotacionando):
SVG image element - SVG: Scalable Vector Graphics | MDN
SVG Tutorial
 
Excelente tutorial.
Obrigado por compartilhar.
 
Tremendo tutorial. Fico no aguardo da segunda parte, eu já dizia que sua assinatura era curiosa demais com isso de você colocar meu país. 😛8:
Isso, com uma análise de mercado no fórum e as vendas podem disparar. 😛7:
Agradeço.
 
Você arrasou, deem uma cerveja para esse cara!

Falando sério, fazia tempo que não se via um tutorial tão bom, se não fosse porque alugo a assinatura eu aplicaria, mas capaz de eu reinventar algo com o aluguel inclusive kkkk

Um abraço Hugo!
 
Tremendo tutorial. Fico no aguardo da segunda parte, eu já dizia que sua assinatura era curiosa demais com isso de você colocar meu país. 😛8:
Isso, com uma análise de mercado no fórum e as vendas podem disparar. 😛7:
Agradeço.

:encouragement: Haha, olá amigo... Sim, é curioso e cumpre o primeiro objetivo de chamar sua atenção...
Na verdade todos os banners fazem isso, em menor ou maior medida, mas este tem um plus...
Depois te mando o texto por MP, vou pensar um pouco, para que seja um Ganha-Ganha para ambos...
Ah! e obrigado pela sua "Curtida" no fórum!


Você arrasou, deem uma cerveja para esse cara!

Falando sério, fazia tempo que não se via um tutorial tão bom, se não fosse porque alugo a assinatura eu aplicaria, mas capaz de eu reinventar algo com o aluguel inclusive kkkk

Um abraço Hugo!

🙂 Olá companheiro, obrigado pelo seu comentário!

Permita-me recomendar algo, se você tem um WebServer com PHP...
Já pode baixar o Arquivo ZIP, testar o Script e conhecê-lo a fundo...
Te dou estas 2 razões para fazer isso...

  1. Você pode oferecer o serviço de "banners regionalizados", aos interessados em alugar sua assinatura...
  2. Conhecendo este método a fundo, surgirão boas ideias para tirar proveito :greedy_dollars:...


🙂 Amigo, não deixe para amanhã o que pode fazer hoje... e não digo que faça agora mesmo, mas faça logo.

Espero ter te ajudado a pensar com essas recomendações e contribuições...
Se você acha valioso meu tutorial e comentário, te peço por favor, que vote com "Curtir" no tutorial.

Muito obrigado,
Um abraço,
:encouragement: Hugo
 
Última edição:
Genial, vou testar!!! soa muito bom agora que estou começando uma loja online :encouragement::encouragement:
 
Excelente tutorial obrigado cara!
 
Obrigado por compartilhar. Eu também em 2 sites que tenho mostro o preço ao visitante segundo seu país, entre outras coisas, e às vezes é muito útil "regionalizar" o conteúdo.
 
Excelente hugo, obrigado por compartilhar
 
[MENTION=180759]Hugo7[/MENTION]

Excelente tutorial e muito claro. Sem dúvida será uma valiosa contribuição dentro da comunidade como fora dela.

Hugo como sempre contribuindo com coisas de valor ao fórum. Como quando criou a máquina de criar vídeos, que eu adquiri e resultou ser um sistema excelente.

https://forobeta.com/otras-ofertas/641381-maquina-de-crear-videos.html

Bom, nada mais a agradecer novamente a Hugo7 por pensar sempre nos outros e fazer criações que tornam nossa tarefa diária mais fácil.

:encouragement:
 
Voltar
Topo