Conteúdo personalizado por localização: como implementar
Imagine que você tem um varejo em São Paulo e o site da sua loja está todo em português, com preços de produtos em reais. Agora, imagine um americano entrando no seu site, interessado em um de seus produtos. Ele fica frustrado porque não encontra conteúdo personalizado com os preços em dólar ou não consegue entender o que está escrito nas descrições dos produtos.
Você pode até dizer que estes não são problemas relevantes. Hoje, muitos sites oferecem seu conteúdo em mais de um idioma, e o usuário pode até usar um plug-in para traduzir o conteúdo da página em último caso. Mas e as oportunidades que transcendem as preocupações com o idioma em si, como questões práticas e culturais?
Com o surgimento de novas tecnologias, a distância cultural entre países, produtos e informações diminuíram, oferecendo oportunidades para o seu negócio ir muito além de fronteiras geográficas. Impactar novos públicos nesse contexto globalizado exige traçar estratégias de geomarketing. A seguir, você verá como implementar diferentes conteúdos de acordo com a localização do usuário e aprenderá sobre o uso de APIs e outras alternativas para este fim.
O que é geomarketing?
Fazer geomarketing significa considerar a geolocalização dos usuários no planejamento e implementação de iniciativas de marketing. O uso mais comum do geomarketing é oferecer conteúdos personalizados dependendo da localização do usuário, o que chamamos de conteúdo localizado.
O geomarketing pode ser utilizado em qualquer aspecto do mix de marketing — você pode adaptar a oferta do produto, o preço ou a estratégia de comunicação de acordo com a localização, por exemplo.
Benefícios do conteúdo personalizado por localização
O conteúdo personalizado por localização te permite oferecer descontos e ofertas dinamicamente para regiões específicas. Os usuários também podem visualizar banners personalizados e imagens com que se conectem culturalmente.
Essa estratégia também facilita a internacionalização do seu negócio e ajuda você a economizar tempo e esforço necessários no gerenciamento de diferentes domínios ou versões de páginas para cada país, estado ou cidade que você deseja segmentar.
Oferecer uma experiência personalizada significa exibir aos seus usuários os produtos e serviços que eles realmente desejam. Como mencionado em outro post do nosso blog, a personalização já demonstrou ser uma forte aliada na construção de experiências únicas que aumentam o ROI. Um estudo da McKinsey mostra que a personalização pode reduzir o CAC em até 50%, aumentar a receita de 5% para 15% e melhorar a eficiência do marketing de 10% para 30%.
Redirecionamento geográfico vs. conteúdo localizado
Existem duas opções práticas quando se trata de conteúdo localizado: redirecionamento geográfico e conteúdo localizado.
Você deve utilizar o redirecionamento geográfico se o seu site tiver várias versões de uma mesma página, uma para cada local previamente determinado. Tudo o que você precisa fazer é configurar seu servidor CDN para que ele redirecione a solicitação HTTP da origem para a página correta.
Outra alternativa para isso é utilizar conteúdo localizado para modificar criativos da sua página dinamicamente. Para isso, você pode utilizar uma API ou um CMS que suporte personalização. Assim você poderá buscar dados de localização e implementar conteúdo diretamente no código-fonte. Você terá uma única URL e cada audiência irá visualizar um conteúdo diferente.
Este post se concentra nas estratégias de conteúdo localizado, pois ele é mais poderoso e abre oportunidades mais relevantes.
Por que você não deve usar uma API de geolocalização por IP
Usar o endereço de IP do usuário para descobrir sua localização não é novidade. Existem muitos serviços gratuitos e pagos no mercado com essa finalidade.
Essa estratégia usa o endereço de IP para mapear a localização geográfica de onde o dispositivo está conectado à internet. Dependendo do serviço, é possível descobrir detalhes como país, estado, cidade, latitude/longitude, código postal, fuso horário e até mesmo a rua. Alguns também fornecem informações mais específicas, como nome da organização, provedor, moeda local, etc.
A resposta de uma requisição é um JSON como este:
1{2 "ip": "8.8.8.8",3 "hostname": "dns.example",4 "continent_code": "NA",5 "continent_name": "North America",6 "country_code2": "US",7 "country_code3": "USA",8 "country_name": "United States",9 "country_capital": "Washington, D.C.",10 "state_prov": "California",11 "district": "Santa Clara",12 "city": "Mountain View",13 "zipcode": "00000-0000",14 "latitude": "37.42240",15 "longitude": "-122.08421",16 "geoname_id": "0000000",17 "isp": "Google LLC",18 "organization": "Google LLC",19 "currency": {20 "code": "USD",21 "name": "US Dollar",22 "symbol": "$"23 },24 "time_zone": {25 "name": "America/Los_Angeles",26 "offset": -8,27 "current_time": "2022-01-01 01:02:03.456-0800",28 "current_time_unix": 0000000000.000,29 "is_dst": false,30 "dst_savings": 131 }32}
As desvantagens das APIs de geolocalização por IP
O uso de APIs de geolocalização por IP pode ser uma excelente solução para alguns problemas específicos. No entanto, você deve considerar algumas questões técnicas ao usar esse tipo de API. Dependendo do seu objetivo, sugerimos que você avalie outras alternativas.
A falta de precisão
O primeiro problema é a falta de precisão. A localização do endereço IP do usuário nem sempre traz a localização exata do usuário, mas uma área com raio de até 80 km aproximadamente.
Isso significa que, em alguns casos, a API pode confundir a localização dos usuários em cidades pequenas, fazendo com que o conteúdo exibido seja adaptado para usuários em alguma cidade vizinha em vez de sua própria cidade.
Cidades que fazem fronteira com um grande centro podem ser confundidas com ele ou tratadas como uma única cidade. Por exemplo, Suzano/SP, Poá/SP, Ferraz de Vasconcelos/SP, Itaquaquecetuba/SP e Guarulhos/SP, podem ser tratadas como pertencentes a São Paulo/SP ou como região metropolitana sem distinção.
Em alguns casos, não saber a localização exata do usuário é desejável, pois garante sua privacidade. Portanto, você deve avaliar se isso é algo que vai a favor ou contra a estratégia de marketing da empresa.
A limitação na velocidade de crescimento
O uso de APIs de geolocalização IP faz com que equipes de marketing tenham que contar sempre com desenvolvedores para testar pequenas alterações em textos e imagens, o que pode limitar a velocidade de crescimento. Isso também impede que os desenvolvedores explorem todo o seu potencial, trabalhando em backlogs de tecnologia sempre preenchidos com demandas com poucos desafios técnicos.
Imagine receber solicitações semanais para alterar o conteúdo de uma página de uma determinada cidade enquanto você poderia se concentrar em projetos muito mais impactantes. Ou você atrasa a entrega dos projetos ou demora mais para alterar o conteúdo solicitado. Definitivamente, existem alternativas no mercado para ajudar você a gerenciar situações como essa.
Uma alternativa para APIs de geolocalização por IP
A falta de precisão é um problema intrínseco das APIs que usam endereço de IP. Mas se você não quer que a equipe de marketing dependa inteiramente de você, você pode usar um CMS para gerenciar conteúdo personalizado. Na Croct, desenvolvemos o que chamamos de PMS – Personalization Management System.
O PMS permite que os profissionais de marketing veiculem conteúdo dinâmico em slots predefinidos em seu site sem depender de você para alterações pequenas e frequentes. Depois de integrá-lo à sua página, você terá mais tempo para se dedicar a projetos mais desafiadores, enquanto os profissionais de marketing podem testar facilmente o conteúdo de cada local por conta própria.
Atualmente, também usamos o endereço de IP do usuário para estimar sua localização, mas em breve lançaremos um novo recurso de segmentação que contará com coordenadas de GPS. A melhor parte é que nossos clientes não precisarão alterar uma única linha de código: a implementação do PMS não altera nada que já esteja feito.
Como usar o PMS para conteúdo localizado
O exemplo a seguir mostra como usar o PMS para fornecer conteúdo diferente com base na localização do usuário. O banner abaixo tem duas versões possíveis: uma para usuários de uma cidade conhecida e outra para usuários de uma cidade desconhecida.
As etapas a seguir orientam você sobre como utilizá-lo e integrá-lo à sua aplicação.
Implementação
Atualmente, fornecemos dois SDKs: um para implementação com Javascript e outro para aplicações React. Vamos nos concentrar na implementação com React neste post, mas você pode conferir o exemplo com Javascript aqui.
Se você deseja testar isso em um ambiente local, basta utilizar o ID da nossa conta de testes, que é 00000000-0000-0000-0000-000000000000.
Slot
Um slot é um elemento personalizável da interface. Quando o conteúdo muda com muita frequência, o uso de slots permite que sua equipe altere as regras de personalização sempre que necessário, sem tocar no código.
Para renderizar um slot, você só precisa fornecer o id onfigurado em seu workspace na Croct. Com base nas regras de personalização do slot e na localização do usuário, o componente definirá qual conteúdo será mostrado ao usuário.
Já definimos um slot com id location-banner na conta de testes com a seguinte estrutura:
1type HomeBannerContent = {2 title: string,3 subtitle: string,4 cta: {5 label: string,6 link: string,7 }8};
Para renderizar o conteúdo do slot, você deve usar o componente <Slot />. TO trecho de código abaixo mostra como implementá-lo, mas você também pode usar o hook useContent (consulte nossa documentação para obter mais detalhes).
1import {ReactElement, Suspense} from 'react';2import {Slot} from '@croct/plug-react';34type HomeBannerContent = {5 title: string,6 subtitle: string,7 cta: {8 label: string,9 link: string,10 }11};1213export default function OnboardingPage(): ReactElement {14 return (15 <Suspense fallback="✨ Personalizing content...">16 <Slot id="home-banner">17 {({title, subtitle, cta}: HomeBannerContent) => (18 <div>19 <strong>{title}</strong>20 <p>{subtitle}</p>21 <a href={cta.link}>{cta.label}</a>22 </div>23 )}24 </Slot>25 </Suspense>26 )27}
Para evitar que o componente suspenda durante o carregamento, você pode fornecer um estado inicial a ser renderizado para a propriedade de fallback. Consulte a documentação da API para obter uma lista completa das opções disponíveis.
Observe que não há lógica no cliente-side, o que significa que sua equipe de marketing pode alterar livremente o conteúdo do slot conforme necessário sem exigir um deploy.
Uma de nossas vantagens mais marcantes é o tempo que se leva para que toda a equipe se beneficie do PMS. Trabalhamos duro para melhorar nosso produto todos os dias e torná-lo o mais fácil possível.
Nosso SDK e documentação são open source, então você pode ler mais sobre os recursos e APIs do nosso plug aqui, e até contribuir se quiser :)
Para recapitular
Aqui está um resumo do que abordamos:
- O geomarketing pode ser usado em qualquer aspecto do mix de marketing
- O redirecionamento geográfico consiste em ter várias versões de uma mesma página para redirecionar o usuário para sua versão correspondente. Por outro lado, o conteúdo geográfico consiste em uma única página onde diferentes conteúdos são exibidos dinamicamente para cada usuário
- As APIs de geolocalização por IP têm algumas desvantagens que devem ser levadas em consideração
- A falta de precisão na localização do usuário é um problema comum em todas as ferramentas que utilizam IP para esse fim
- O uso de APIs geralmente compromete um tempo valioso que os desenvolvedores poderiam se dedicar a projetos mais relevantes, e o PMS é uma ótima alternativa para isso.
Esperamos que esse blog post tenha sido útil para você. Se deseja personalizar a experiência do usuário com base na localização, crie sua conta gratuitamente na nossa plataforma e comece hoje mesmo.