In a world of increasing competition, understanding your target market is vital. Conducting thorough research of past, current, and prospective customers helps you uncover insights to improve your product or create more effective marketing messages. Those insights don’t have to be hard-won, either. Thanks to new tools and data sources, businesses no longer have to …
Wunder Capital | renewable energy | full-time | remote (US only) or onsite (Boulder, CO or Denver, CO) | https://www.wundercapital.com
Wunder was founded to address the greatest crisis of our generation by accelerating the deployment of solar energy. We’re building a team of high-performing, effective, and sophisticated engineers to solve complex problems and fight climate change.
I lead Wunder’s engineering team and would be happy to chat more about the company or the role.
Endear is a seed stage startup. We designed Our CRM platform from the ground up for the simplest on-boarding experience. Syncing data across platforms allows Endear to create unified customer profiles and enable conversational messaging. This increases sales in new ways, empowering small & medium-sized omni-channel brands to compete in a world dominated by mega-companies. We are transforming the industry from the ground up.
Endear is seeking a new software engineer to develop our integrations platform. They will have a low ego and passion for excellence, ownership, and a desire to learn and grow quickly. Our dream candidate is a results-oriented, collaborative self-starter looking to level-up their engineer experience and work with an elite performing team that values a culture of excellence. We want someone who is still establishing their career, has used our core tech stack, and is experienced with modern application development. This is a key role to our company’s growth. You will report directly to the CTO and work with our fully remote tech team to rapidly iterate on new capabilities. Ultimately, you will be expected to be hands-on coding and innovating to deliver customer value.
Fire crews battling a western Nebraska wildfire that has destroyed some homes looked Tuesday to the skies with hope and trepidation as weather forecasters warned of thunderstorms. The National Weather Service forecast a 50% chance of thunderstorms producing heavy rains Tuesday afternoon into the night. A storm could help douse the Carter Canyon Fire south … Continue reading Nebraska fire crews hope for rain as they continue to battle fires
Você provavelmente tem muitas perguntas sobre esse assunto. E vou responder a todas elas, e mais. Mas antes de eu te ensinar como fazer guests posts e quais são os benefícios dele, vou explicar os princípios básicos.
O que são guest posts?
Guest posts são publicações de artigos nos sites de outras pessoas.
Simples assim.
As pessoas fazem isso para gerar mais reconhecimento de marca e tráfego (também conhecido como tráfego de referência) para os seus sites.
Tenho para você um vídeo com dicas para aproveitar os benefícios dos guest posts, abaixo, ou você pode simplesmente ler este artigo.
Antes de começarmos, sua primeira tarefa é decidir qual é sua meta para guest posts. Saber essa meta antes de tudo, é a chave para decidir quais são os tipos de blogs para onde enviar suas publicações. Geralmente existem três objetivos para guest posts:
Se posicionar como uma autoridade e nome conhecido em seu nicho;
Ganhar exposição (tráfego) para levar para o seu site;
Com o tipo de conteúdo certo nos melhores blogs, você vai conseguir as três coisas.
Se você quer conquistar o nº 1 ou o nº 2, precisa encontrar blogs com públicos vastos e muito envolvimento.
Se você quer apenas o nº 3, precisa encontrar blogs com autoridade de domínio alta. Você pode verificar isso gratuitamente usando ferramentas como o Ubersuggest.
Conhecer suas metas desde o início vai te ajudar a decidir quais são os melhores blogs para onde enviar seus guest posts.
Como encontrar oportunidades para fazer guest posts
A primeira coisa que você deve fazer é encontrar oportunidades para guest posts. Ao procurar lugares onde publicar seus posts, sua meta principal deve ser encontrar sites relevantes para o seu nicho ou indústria. Você está procurando blogs que cumprem os seguintes critérios:
conteúdo focado em seu nicho/indústria;
público que vai se interessar pelo seu nicho;
blog com leitores envolvidos (posts compartilhados nas mídias sociais e comentados);
o autor do blog é ativo nas mídias sociais (assim você sabe que ele ou ela vai divulgar seu trabalho no site).
Se você vende sementes, por exemplo, deve procurar blogs sobre jardinagem com um público bem envolvido nessa atividade. A próxima seção vai te ajudar a encontrar as oportunidades certas para guest posts.
Pesquisa no Google
O Google é um ótimo lugar para começar sua pesquisa por oportunidades para guest posts. Você pode usar qualquer uma das pesquisas de palavra-chave abaixo para encontrar blogs que aceitam guest posts. É só substituir palavra-chave por palavras-chave do seu nicho.
palavra-chave “enviar guest post”;
palavra-chave “guest post”;
palavra-chave “guest post de”;
palavra-chave “aceitando guest posts”;
palavra-chave “regras para guest post”.
Essas buscas devem te levar a páginas com regras para guest posts, páginas para envio de guests posts, ou guest posts de outros autores.
Guest bloggers populares
Você conhece alguém que faz muitos guest posts em seu nicho? Se você lê muitos blogs na sua área (espero que sim), vai ver alguns nomes que sempre aparecem em guest posts.
Alguns dos guest bloggers mais influentes no marketing são Neil Patel, Jeff Bullas, Mark Traphagen, Tony Right, Jenny Halasz, Brian Harnish, Kevin Indig, Adam Riemer, Robyn Johnson, Benji Acciola, Kevin Rowe, Anna Crow e Kirk Williams.
Usando a busca do Google, pesquise os nomes de guest bloggers populares em seu nicho com a frase “guest post de”. Isso vai revelar todos os sites onde eles publicam. Melhor ainda, se você conhece um guest blogger no seu nicho, pode pedir para ser apresentado aos donos dos blogs onde ele ou ela já publicou.
Backlinks de concorrentes
Se você (ou sua agência de marketing online) já fez uma análise dos backlinks de um concorrente enquanto trabalhava em sua campanha de SEO, deve ter visto que alguns dos seus concorrentes têm backlinks de guest posts que publicaram.
Se tiver acesso a ferramentas como o Open Site Explorer, você poderá ver os backlinks dos seus concorrentes e procurar guest posts que eles já fizeram.
Se não encontrar nada, você pode pesquisar no Google. Use:
link:domínio.com.br -domain.com “guest post” (substitua domínio.com.br pelo domínio do seu concorrente). Isso deve revelar sites onde seu concorrente publicou guest posts.
Exemplo:
link:backlink.io -neilpatel.com “guest post”
Pesquisas em redes sociais
Muitos blogueiros compartilham seus guest posts mais recentes nas redes sociais. A mais fácil de pesquisar é o Twitter. Assim, faça uma busca no Twitter com a palavra-chave “guest post” para encontrar os tweets mais recentes sobre guest posts em seu nicho. Aí é só seguir o link para ver que blogs estão aceitando guest posts.
Procure oportunidades para guest posts
Precisa de mais ideias de palavras-chave ou de uma lista com muitas oportunidades para guest posts?
Finalmente, uma opção importante é a My Blog Guest, uma comunidade de guest bloggers. Cadastre-se gratuitamente e pesquise blogs que aceitam guest posts. Ou melhor ainda: publique suas informações dizendo que gostaria de fazer guest posts sobre um determinado assunto para que donos de blogs possam te encontrar!
Como se preparar para oferecer um guest post
Perceba que não vamos direto de encontrar oportunidades para guest posts a contatar os blogs. Existem algumas coisas que você precisa fazer antes de oferecer um guest post a um site que acabou de encontrar.
Conheça o conteúdo do blog
É essencial conhecer o conteúdo do blog que você selecionou. Sim, você já sabe que ele tem conteúdo relacionado à palavra-chave que você pesquisou em sua busca por oportunidades para guest posts. Mas você precisa saber ainda sobre aquele conteúdo, como:
Qual é o nível do público para qual ele se destina (iniciante, intermediário, avançado)?
Para que tipo de público ele é destinado? Se seu negócio é B2B, você quer um blog que tenha um público de empresas, não consumidores comuns.
Que tipo de conteúdo é publicado? São conceitos gerais ou tutoriais detalhados? O autor gosta de listas?
Veja o que outros guest posts fazem
Um blog pode ter guest posts, mas a pergunta mais importante é: será que os guest bloggers têm sucesso com isso? Será que os guest posts neste site recebem tantos comentários e compartilhamentos quanto os posts do blogueiro dono do site? Alguns sites podem aceitar guest posts, mas ter um público que só dá atenção ao dono do blog, e aí você não vai ter muito sucesso se quiser construir autoridade ou direcionar tráfego para o seu site.
Veja quem são os guest bloggers
Os donos de alguns blogs podem aceitar mais guest posts de certos tipos de pessoas. Examine as bios de alguns guest bloggers para saber se eles são outros blogueiros, freelancers, consultores, empresários e etc. Isso vai ser importante no momento em que você se apresentar com sua proposta. Para saber mais sobre as taxas de sucesso na prospecção de guest posts, veja este estudo no SEOmoz.
Descubra que posts têm os melhores resultados
Para garantir que seus guest posts sejam aceitos, você deve fazer propostas com assuntos que funcionam bem para o público do dono no blog. Para ter boas ideias de assuntos que sejam populares com o público de um blog, use os sites a seguir para ver que posts fizeram sucesso nas mídias sociais:
Oktopus: o Oktopus monitora e mostra sua performance nas mídias sociais;
Digg: o Digg vai te mostrar os posts que receberam mais votos Digg;
Buzzer: o Buzzer programa suas publicações nas mídias sociais e oferece dados e analytics.
Participe da comunidade de blogs
Para aumentar suas chances de ser aceito como guest blogger, primeiro você precisa ganhar o reconhecimento do dono do blog. A melhor forma de fazer isso é comentar nos posts dele durante uma semana ou duas. Você vai ter ainda mais vantagens se também compartilhar estes posts no Twitter – não esqueça de incluir o nome de usuário do blogueiro ao fazer isso. Assim, quando você apresentar sua proposta de guest post, você já não será um estranho.
Os melhores momentos para propor um guest post
Você nem sempre vai ter uma oportunidade brilhante para propor um guest post, mas existem alguns momentos que você pode aproveitar, incluindo:
quando um blog menciona você em um post ou nas redes sociais (Twitter, Facebook, Google+, etc.);
quando um blog lista você, seu negócio ou seu produto em um post;
quando um blog anuncia que está procurando guest posts;
quando um blog publica o guest post de outra pessoa.
Melhores práticas para uma proposta
As regras a seguir são essenciais na hora de propor um guest post a outro blogueiro:
Leia as orientações
A última coisa que você deve fazer antes de contatar o dono de um blog é ler as orientações para guest posts, se elas existirem, e segui-las à risca. O dono do blog quer que você envie uma ideia ou um post completo? Que formato ele deseja? Você deve criar uma conta e enviar via WordPress? Você precisa saber tudo isso antes de entrar em contato com o blog.
Personalize seu email
Como um blogueiro que recebe propostas de guest posts diariamente, nada me desanima mais do que um email que começa com “Caro senhor ou senhora”, “Caro webmaster”, “Ao dono do site NeilPael.com”, ou simplesmente “Olá”.
Você pode encontrar um nome e informações para contato com o dono do blog onde você quer publicar seu guest post.
Talvez você tenha que procurar um pouco mais na página Sobre Nós ou em uma das contas do blog em redes sociais, mas esses dados provavelmente estão disponíveis em algum lugar. Encontre-os e use-os no início do seu email.
Quem é você?
Lembra da parte sobre ver quem publica guest posts no blog que você selecionou? Alguns blogueiros têm preferências específicas sobre quem pode publicar posts em seus sites.
Se você percebeu que a maioria dos guest posts são de outros blogueiros, talvez deva se apresentar como blogueiro do [insira aqui seu blog pessoal ou corporativo]. Você sempre pode cuidar do seu negócio em segundo lugar; foque primeiro em suas habilidades como blogueiro.
Porque você deve contribuir com guest posts
Em sua proposta, lembre-se de incluir porque você deve se tornar um guest blogger. Adicione alguns links para posts que você publicou em outros lugares, inclusive seu próprio blog. De preferência, selecione publicações com bom envolvimento social, para que o dono do blog veja seu valor potencial para o público dele.
Como propor um guest post
Se as orientações sobre guest posts pedem que você envie uma proposta de assunto, baseie-se na sua pesquisa de posts populares anteriores e envie algumas ideias diferentes para que o dono do blog possa escolher.
Como enviar um post incrível
Uma das perguntas mais comuns sobre guest posts é se você deve usar seus melhores conteúdos em seu próprio blog ou em guest posts. Tudo depende da qualidade do blog para onde você envia seu conteúdo.
Se seu blog não tem nada além de posts de 900 palavras com muitas imagens de captura de tela, seu guest post deve ser parecido. Se seu blog é só publicações com 500 palavras ou menos e uma imagem, seus posts também devem ser assim. Veja a seguir outras dicas para fazer um guest post incrível.
Você não é o foco
A primeira coisa a lembrar é que um bom guest post não é sobre seu negócio, seus produtos ou seus serviços. Guest posts devem ser fontes de informações valiosas, e não publicidade.
Qualquer informação sobre o seu negócio e itens relacionados devem ser guardados para a bio do autor. Não faz mal fazer menção ao negócio e contar histórias ou exemplos, mas a maior parte do post deve focar em alguma coisa que não seja a sua empresa.
Formate seu post como os que estão no site
Dê uma olhada nos posts publicados no blog que você selecionou. Eles utilizam muitos títulos, textos em negrito, imagens, citações ou outra formatação especial? Use elementos similares em seu post para combinar com os outros.
Inclua links internos e de fonte
Mostre ao dono do blog que você conhece o conteúdo dele com alguns links internos para posts dele. A forma mais fácil de fazer isso é fazer uma pesquisa no Google com site:domínio.com.br intitle:palavra-chave.
Isso vai te mostrar os posts mais populares do blog com uma certa palavra-chave. E aí você poderá criar links para um daqueles posts com aquela palavra-chave. Além disso, se mencionar qualquer produto, livro, etc, lembre-se de incluir links para eles (desde que não seja auto-promoção).
Inclua um Call to Action para comentários
Ao final do seu guest post incrível, lembre-se de incluir um call to action pedindo comentários. Quanto mais discussão seu post gerar, melhor!
Como criar uma bio de autor incrível
A parte mais importante do guest post provavelmente vai ser a bio do autor. Geralmente este é o único lugar onde você deve incluir links de auto-promoção para o seu site, blog, produto, serviço, livro etc. O que você vai escrever nesta seção depende dos objetivos do seu blog.
Tempo necessário: 30 minutos.
Passos para criar uma bio para um guest post:
Inclua um link para o seu site Se seu objetivo for conseguir bons backlinks, não esqueça de incluir um link para o seu site, com seu texto-âncora target.
Crie uma landing page personalizada para refletir seu público Se seu objetivo for direcionar tráfego ao seu site, você deve considerar para onde quer que este tráfego vá. Dependendo do tema do seu guest post e do público do blog onde ele for publicado, talvez você queira enviar o tráfego para uma landing page personalizada ou uma página sobre um produto ou serviço específico.
Inclua seus perfis sociais Se seu objetivo for aumentar seus seguidores nas redes sociais, adicione uma linha ao final da sua bio dizendo “Siga-me em [insira seu perfil social mais popular e um link aqui].
Crie uma bio concisa e descritiva Inclua um pouco sobre seu histórico e experiência que expliquem suas qualificações para escrever aquele guest post. Inclua seu cargo atual ou projetos que talvez sejam do interesse dos leitores.
Como ser o melhor guest blogger
Se você quiser se tornar um colaborador regular de um blog, ou simplesmente queira que o dono do blog espalhe que você é um convidado incrível, faça de tudo para divulgar seu post entre o seu público. O dono do blog vai adorar receber novos leitores.
Além disso, lembre-se de responder a comentários ou perguntas que as pessoas deixarem em seu post. Isso vai ajudar bastante se você quiser construir autoridade em seu nicho.
Monitorando seus resultados
Quando o objetivo é ganhar tráfego, você definitivamente deve mensurar os resultados dos seus guest posts. A melhor forma de fazer isso é criar um Advanced Segment no Google Analytics.
Você pode aprender a configurar um Advanced Segment neste post sobre como descobrir que estratégia de marketing online gera mais tráfego. Você só precisa de um segmento usando a dimensão fonte com várias afirmações para cada domínio onde você publicou um guest post. O limite são 20 por Advanced Segment. Veja como ficou o meu:
Usando isso, você pode ver todos os dados do Google Analytics baseados em referências dos seus guest posts. Isso pode ajudar a determinar o sucesso da sua estratégia de guest posts em termos de tráfego e de conversão.
Se não souber ao certo como monitorar conversões, veja esse post sobre como obter dados práticos para aprender como estabelecer metas.
Como conseguir guest bloggers para o seu blog
Finalmente, não esqueça que guest posts podem ser uma via de mão dupla. É difícil manter o seu blog e também fazer guests posts em vários outros.
Convide o dono do blog onde você publicou seu guest posts a escrever para o seu blog também. Isso vai garantir conteúdos novos, o que pode te ajudar a ganhar perspectiva sobre o seu público, e com sorte, novos leitores da comunidade do seu convidado. Todo mundo ganha com isso!
Conclusão
Publicar guest posts em sites com boa reputação é uma forma excelente de aproveitar o sucesso de blogs que já são populares em seu nicho. Para conseguir espaço para publicar guest posts, você precisa fazer propostas cativantes que mostram o seu valor.
Guest posts são apenas uma entre muitas estratégias a incluir em suas campanhas de marketing de conteúdo. Se você quiser ajuda para formular ou monitorar seus métodos no marketing de conteúdo, nossa agência está aqui para ajudar.
Você usa guest posts como parte da sua estratégia de marketing de conteúdo? O que mais você sugeriria para negócios que querem aumentar seu sucesso com guest posts?
Você já ficou preso em uma tarefa repetitiva e quis muito poder automatizar seu processo?
Você está cansado de perder seu tempo procurando a extensão certa, sempre encontrando uma página de resultados vazia?
Felizmente, se você é usuário do Chrome, você pode criar uma extensão do navegador em apenas oito passos simples.
Como a gente sabe disso? Criamos nossa própria extensão do Chrome para a Ubersuggest para deixar nossos sistemas de pesquisa de palavras-chave mais afiados.
Nesse post, vamos te mostrar como criar uma extensão do Chrome para te ajudar a inovar nas suas tarefas e voltar para o seu trabalho produtivo.
O que é uma extensão do Chrome?
Extensões do Google Chrome são programas que você pode instalar no seu navegador Chrome para mudar algumas funcionalidades.
Essas extensões podem te ajudar a automatizar algumas funções do seu navegador, modificar comportamentos existentes e melhorar a conveniência do seu software. Existem até mesmo extensões do Chrome que podem melhorar seu SEO.
Extensões do Chrome são desenvolvidas com scripts HTML, JavaScript e CSS e são basicamente pequenos sites cujo upload é feito para a loja do Chrome.
A única diferença entre uma extensão do Chrome e um site normal é que as extensões contêm um arquivo manifest, que dá a elas uma função específica para executar.
Outra forma de enxergar as extensões é como um código que muda a sua experiência no navegador.
Por exemplo, a extensão do Grammarly te permite editar e modificar seu texto conforme você o escreve. A extensão do LastPass te permite manter seu gerenciador de senhas dentro do seu navegador.
Uma extensão personalizada pode realizar uma única tarefa. Essa tarefa deve ser definida de forma restrita e fácil de entender para funcionar de forma adequada.
Você pode incluir mais de um componente ou funcionalidade, desde que todos direcionem a extensão para um objetivo único.
Extensões do Chrome funcionam através de ações da página ou ações do navegador.
Uma ação da página é uma ação específica para determinadas páginas.
Uma ação do navegador é relevante independente de onde você estiver nele.
Da mesma maneira, suas interfaces de usuário precisam ser otimizadas e simples. Isso pode variar de um ícone único, como o do Gmail, ou você pode substituir uma página inteira para a sua interface.
Seu produto final vai ser um pacote .crx zipado que os usuários vão baixar e instalar.
Você também deveria criar uma extensão do Chrome se você quer incluir uma ação simples na sua experiência de navegação.
A vantagem das extensões do Chrome em relação a aplicações comuns é que elas costumam ser mais fáceis de se desenvolver e manter. Uma vez que as extensões do Chrome são construídas em torno de uma única função, sua criação demanda menos tempo e habilidade.
Criar uma extensão costuma levar bem menos tempo do que uma página web do zero.
Se você quer um jeito simples e eficiente de modificar seu navegador, criar uma extensão é o melhor caminho.
Extensões do Chrome também podem melhorar seu tráfego web, como você pode ver no vídeo abaixo.
Quais São as Características de Uma Extensão do Chrome de Sucesso?
Uma Extensão do Chrome de sucesso vai simplificar uma tarefa ou funcionalidade e aumentar sua produtividade.
Vamos imaginar que você crie sites de e-commerce e está pesquisando lojas concorrentes. Se você instalar a extensão Koala Inspector, você vai conseguir ver se o Shopify criou algum dos sites em que você entrou. Você também pode ver qual tema foi usado, se foi feita alguma atualização e as estatísticas dos produtos.
Outro exemplo, o Eliminador de Feed de Notícias para Facebook, pode te ajudar a melhorar sua produtividade bloqueando seu feed de notícias para você se concentrar nas suas tarefas. É uma função simples, porém eficaz, que pode te ajudar a melhorar seu fluxo de trabalho diário.
Ambas as extensões executam uma funcionalidade simples que melhoram a experiência do usuário. Quando você estiver desenvolvendo a sua extensão do Chrome, tenha em mente a simplicidade. Esse é o segredo para uma extensão de sucesso.
Seu Guia Passo-a-Passo Para Criar uma Extensão do Chrome
Chegou a hora de criar sua extensão do Chrome.
É importante lembrar que você precisa fazer isso no Google Chrome. Pode parecer óbvio, mas nem todo mundo usa o Chrome como navegador padrão.
Se você não é um usuário regular do Chrome, não se esqueça de instalá-lo antes de começar essas etapas.
Além disso, não deixe de conferir seu trabalho com frequência conforme você vai avançando no processo. É muito mais fácil corrigir erros de código na hora do que depois de terminar.
Criando uma Extensão do Chrome Passo 1: Defina o Que a Sua Extensão Precisa
O primeiro passo ao criar a sua extensão do Chrome é decidir por uma funcionalidade.
Esse arquivo vai dizer ao Chrome como carregar a extensão adequadamente.
Crie um arquivo chamado manifest.json e adicione-o ao seu diretório.
Em seguida, adicione o código necessário ao seu arquivo manifest.
Para o nosso objetivo aqui, o código vai ser o seguinte:
{
“name”: “Getting Started Example”,
“description”: “Build an Extension!”,
“version”: “1.0”,
“manifest_version”: 3
}
Criando uma Extensão do Chrome Passo 4: Suba Sua Extensão Para o Chrome e Confira se Há Erros
Agora é hora de testar sua extensão e ver se o Chrome vai rodá-la.
Siga os seguintes passos:
Vá em chrome://extensions no seu navegador Google Chrome
Marque a caixa Modo de programador na parte superior direita
Clique em “Carregar Expandida” para abrir uma caixa de diálogo de seleção de pastas
Selecione o diretório da sua extensão
Se a sua extensão for válida, ela vai carregar imediatamente.
Se for inválida, você vai ver uma mensagem de erro no topo da sua página. Se for esse o caso, procure por erros, corrija-os e tente carregar a extensão de novo.
Os erros mais comuns que as pessoas cometem aqui são erros de sintaxe. Revise todas as suas vírgulas e colchetes e tenha certeza que eles estão formatados corretamente.
Tenha certeza também que a caixa Habilitada ao lado da sua extensão está marcada, para que você consiga vê-la em ação.
Criando uma Extensão do Chrome Passo 5: Desenvolva Seu Script em Background
Em seguida, você vai precisar rodar um script em background para dizer à extensão o que fazer.
Primeiro, crie um arquivo chamado background.js dentro do diretório da sua extensão.
Em seguida, adicione seu script.
Para nossa extensão de mudança de cor, vamos usar o seguinte script:
{
“name”: “Getting Started Example”,
“description”: “Build an Extension!”,
“version”: “1.0”,
“manifest_version”: 3,
“background”: {
“service_worker”: “background.js”
}
}
Esse arquivo vai alertar o Chrome que ele precisa fazer uma análise para obter mais instruções.
A extensão que estamos criando também vai precisar de um evento de escura para runtime.onInstalled dentro do script em background.
Dentro da escuta onInstall, a extensão vai determinar um valor na API de armazenamento. Isso permite que vários componentes da extensão rodem e editem esse valor.
let color = ‘#3aa757’;
chrome.runtime.onInstalled.addListener(() => {
chrome.storage.sync.set({ color });
console.log(‘Default background color set to %cgreen’, `color: ${color}`);
});
A maioria das APIs vão precisar estar registradas no campo “permissões” do seu arquivo manifest. Assim:
{
“name”: “Getting Started Example”,
“description”: “Build an Extension!”,
“version”: “1.0”,
“manifest_version”: 3,
“background”: {
“service_worker”: “background.js”
},
“permissions”: [“storage”]
}
Em seguida, volte à página de gerenciamento da sua extensão e clique em Recarregar.
Você vai ver um novo campo escrito Inspecionar visualizações. Vai vir junto um link azul dizendo página de fundo.
Clique no link e você vai ver o console log do script de background, onde vai estar escrito“Cor de fundo padrão verde”.
Scripts de conteúdo também podem ser adicionados para rodar scripts página-a-página.
Scripts de conteúdo devem ser adicionados diretamente ao seu arquivo manifest.
Criando uma Extensão do Chrome Passo 6: Crie Sua Interface de Usuário
Sua extensão pode ter diversas interfaces de usuários, de pop-ups a tooltips, entre outras.
Para começar a desenvolver sua interface, você precisa registrar uma ação do navegador no seu arquivo manifest.
Para o nosso exemplo, vamos usar um pop-up. O código fica assim:
<!DOCTYPE html>
<html>
<head>
<link rel=”stylesheet” href=”button.css”>
</head>
<body>
<button id=”changeColor”></button>
</body>
</html>
Você vai precisar declarar esse código no seu arquivo manifest para ele funcionar.
Para fazer isso, adicione uma ação ao seu arquivo manifest e configurar popup.html como o default_popup da ação.
Seu script deve ficar assim:
{
“name”: “Getting Started Example”,
“description”: “Build an Extension!”,
“version”: “1.0”,
“manifest_version”: 3,
“background”: {
“service_worker”: “background.js”
},
“permissions”: [“storage”],
“action”: {
“default_popup”: “popup.html”
}
}
Esse pop-up específico faz referência a um script de CSS, então você vai precisar adicionar outro arquivo ao seu diretório. Nomeie-o corretamente e adicione o seguinte:
button {
height: 30px;
width: 30px;
outline: none;
margin: 10px;
border: none;
border-radius: 2px;
}
button.current {
box-shadow: 0 0 0 2px white,
0 0 0 4px black;
}
Para o nosso exemplo, você também vai querer adicionar cor aos seus botões de popup. Mais adiante, essa cor também vai ser usada como fundo da sua página.
Crie e adicione ao diretório um arquivo de nome popup.js com o seguinte código:
// Initialize button with user’s preferred color
let changeColor = document.getElementById(“changeColor”);
chrome.storage.sync.get(“color”, ({ color }) => {
changeColor.style.backgroundColor = color;
});
Ele vai pegar o botão do popup.html e fazer a requisição do valor da cor. Inclua uma tag de script ao popup.js no popup.html assim:
<!DOCTYPE html>
<html>
<head>
<link rel=”stylesheet” href=”button.css”>
</head>
<body>
<button id=”changeColor”></button>
<script src=”popup.js”></script>
</body>
</html>
A partir daí, você pode adicionar badges para mostrar o estado da sua extensão. Por exemplo, um badge pode dizer a um usuário se a extensão está ativada ou não, ligada ou não.
Ícones da barra de ferramentas devem ser colocados em ação no campo ícones_padrão.
Coloque as imagens que você deseja no diretório e diga à extensão como usar essas imagens.
{
“name”: “Getting Started Example”,
“description”: “Build an Extension!”,
“version”: “1.0”,
“manifest_version”: 3,
“background”: {
“service_worker”: “background.js”
},
“permissions”: [“storage”],
“action”: {
“default_popup”: “popup.html”,
“default_icon”: {
“16”: “/images/get_started16.png”,
“32”: “/images/get_started32.png”,
“48”: “/images/get_started48.png”,
“128”: “/images/get_started128.png”
}
}
}
Para imagens, as dimensões recomendadas são de 16×16 e 32×32. Todos os ícones devem ser quadrados, senão podem acabar distorcidos.
Se você não escolher um ícone, o Chrome vai adicionar um ícone padrão para você.
Quando você criar a interface da sua extensão do Chrome, mantenha-a simples e otimizada para o usuário.
let [tab] = await chrome.tabs.query({ active: true, currentWindow: true });
chrome.scripting.executeScript({
target: { tabId: tab.id },
function: setPageBackgroundColor,
});
});
// The body of this function will be executed as a content script inside the
// current page
function setPageBackgroundColor() {
chrome.storage.sync.get(“color”, ({ color }) => {
document.body.style.backgroundColor = color;
});
}
function setPageBackgroundColor() {
chrome.storage.sync.get(“color”, ({ color }) => {
document.body.style.backgroundColor = color;
});
}
Esse código gera um script de conteúdo programaticamente injetado. Isso faz com que a cor de fundo da página seja a mesma do botão que você adicionou anteriormente.
Aqui, sua extensão já deve estar totalmente funcional. Quaisquer novas adições serão apenas frufrus.
Criando uma Extensão do Chrome Passo 8: Teste Sua Extensão
Da mesma forma que os testes A/B no marketing, é importante sempre testar sua extensão para ter certeza de que está tudo funcionando.
Teste-a você mesmo ou peça para outra pessoa testar.
Se você pedir para outra pessoa testar, faça-o sem dar nenhuma instrução para garantir que ela é intuitiva de usar.
Faça as mudanças necessárias e depois teste sua extensão de novo.
Mesmo depois de lançar sua extensão, você pode otimizá-la e melhorá-la continuamente. Foi o que a gente fez com a extensão do Ubersuggest do Chrome 2.0.
Quando você estiver satisfeito, ela estará pronta para ser usada.
Eu Posso Praticar Criar uma Extensão do Chrome?
Assim que você subir sua extensão para a loja do Chrome, ela vai estar no ar e pronta para uso.
Se você não quiser que sua extensão seja acessível para o público, você sempre pode criar um repositório do GitHub para as pessoas poderem clonar.
Para isso, você vai precisar dar acesso ao seu código-fonte às pessoas, então pense nisso antes de subir qualquer coisa para o GitHub.
Você também pode experimentar amostras de código aberto antes de mergulhar na sua extensão.
Amostras de extensões do Chrome estão disponíveis no GitHub do Google.
Conclusão
Criar uma extensão do Google Chrome personalizada é uma ótima maneira de melhorar a funcionalidade do seu navegador e otimizar a experiênca dos usuários.
Além disso, sua ferramenta pode gerar tráfego para o seu site, então modificar essa experiência pode resultar em novos leads para o seu negócio.
Pode ser uma curva de aprendizado chegar onde você quer com a sua extensão, mas vale a pena quando você tem uma funcionalidade nova para exibir para os seus amigos – e clientes em potencial.
Que tipo de extensão do Chrome você já criou?
GDPR Cookie Consent Agreement
This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish.AcceptRejectRead More
Privacy & Cookies Policy
Privacy Overview
This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.
Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.
Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website.
