Cara me ajudou muito. Fiz isso e coloquei um em uma imagem icone de whats com o href setando o link do whats com um link para compartilhar noticias de um site do TCC que to fazendo. ME AJUDOU MUUUUUITOOOOO OBRIGADOOOO!!!
Salvou demais Bruno! Estava batendo cabeça aqui, quando fui ver era só na versão web que o compartilhamento estava carniça. Pelo whats mobile está tudo certo. Vlw!!
No React, como enviar essas informações para cada página? Tenho um site de imóveis que gostaria que cada link de imóvel trouxesse a imagem de destaque do imóvel em questão
Impressionante, esse problema de link sempre acontece e não tem um vídeo que ensina exatamente como resolver.... Encontrei vários vídeos, todos enrolam e não mostra a solução.
Boa tarde. Tenho um site de notícias. Quando vou compartilhá-las no WhatsApp, aparece somente o fiveicon do meu jornal online, mas eu gostaria que aparecesse a imagem em destaque de cada notícia. Sabe como resolvo isso?
Venho procurando uma solução na internet mas acho que só você conseguiria ajudar Ha algum tempo, o Whatsapp Web, parou de exibir as miniaturas do youtube, mas pelo WhatsApp Desktop e Celular, as miniaturas funcionam bem. Isso é uma configuração alterada pelo próprio WhatsApp? Será que existiria alguma forma de burlar esse sistema? Obrigado desde já!
Fala Bruno! Excelente vídeo! Me ajudou muito! Mas ainda tenho uma pequena duvida (extremamente amadora, confesso), existe alguma forma de criar ou hospedar uma meta tag? É que eu costumo compartilhar orçamentos com o link do nosso instagram (pra divulgar o mesmo e também pro thumbnail dar aquele charme à mensagem) mas DIRETO a imagem da miniatura SOME ou ao invés de aparecerem os dados do nosso insta ele aparece aquela mensagem horrorosa de fazer login no instagram. Eu tenho site, mas sua principal utilidade é direcionar o cliente para o whatsapp. E eu não queria mudar isso. Há alguma forma de eu criar, hospedar e compartilhar uma meta tag que leve pro nosso instagram sem envolver esses inconvenientes do instagram?
Boa pergunta! Não tem como, pois o que você hospeda são páginas HTML, não metatags separadamente. Sobre o instagram, você também não pode mudar a visualização dele, pois teria que alterar o código do HTML do próprio instagram, então, só eles conseguem fazer isso. No teu caso, eu recomendaria que tivesse uma página mesmo, e não levasse direto pro instagram. Por coincidência, eu vou fazer um evento online e gratuito no dia 8/08 mostrando como criar uma página dessas, você pode se cadastrar aqui codar.me/maratona-starter
Fala Bruno, muito bom o vídeo, vou configurar as meta-tags no meu site depois. Vc tem algum vídeo mostrando como configura aquele import relativo com o ~ ?
cara, acho que não tenho nenhum video sobre, mas é fácil de configurar, é esse plugin do babel aqui github.com/tleunen/babel-plugin-module-resolver Qualquer dificuldade, manda lá na comunidade do discord que a galera ajuda👊
É um componente pra centralizar scripts de analytics, como o Google Analytics e o Facebook Pixel. Eu pego os scripts que essas plataformas fornecem e organizo dentro desse componente ai.
Olá, estou tendo dificuldades para colocar esta pré visualização do link do formulário ( criado no google forms) quando enviado no Whatsapp, pode ajudar?
Essa pergunta não tem muito haver com o vídeo , mas agredeceria se pudesse me ajudar nisso, vi em um vídeo seu algo parecido mas ñ encontrei dnovo. Como fica o gerenciamento de páginas quando a aplicação só tem 1 página, mas o que é mostrado varia de acordo com o estado? Ex: preciso carregar todas as informações do usuário na página Home, e dependendo do tipo de usuário o componente filho de home pode ser Teacher.tsx, Student.tsx, etc.. Eu crio uma função que retorna com base no estado X retorna o componente Y, e assim passo como filho da home, correto? Mas e quando essa página também tem subpáginas, o que acontece? Ex: /home/student_books/12 onde student_books é a página de livros e 12 é o livro de id 12? Seria bom um vídeo falando sobre React Router pra casos mais específicos como esse, é bem dificil de encontrar qualquer coisa mais complexa sobre react router aqui no youtube
Opa, sobre "preciso carregar todas as informações do usuário na página Home, e dependendo do tipo de usuário o componente filho de home pode ser Teacher.tsx, Student.tsx, etc..". Você pode usar o query parameters, acho que ajudaria nesse caso, pq ai vc podia passar o tipo, dai mostrar o conteúdo, não?
Tem muitas formas de resolver isso, e o react router tem opção de rotas aninhadas (e relativas). Por exemplo, se você tem uma área de "books", tudo que for filho de books pode ter url relativa (/:id) e não completa, assim fica fácil de gerenciar isso. Aqui é um pouco difícil de ajudar nesses casos, mas manda sua dúvida lá na comunidade do discord, que dá pra colocar até código, e a galera ajuda!
Fala Bruno, me tira uma dúvida, atualmente no site que quero resolver, exibe normalmente, porém eu quero que ao compartilhar o link de um produto, seja exibido a imagem dele, como fazer nesse caso com Php?
Fala Luan! Cara, é da mesma maneira. Independente da linguagem que você usa no backend, ela tem que gerar HTML, então, o teu PHP vai ter que gerar um HTML igual esse do vídeo pra funcionar
Entendi, é porque atualmente ele funciona e exibe o favicon normalmente, mas na tela de produto eu dou o echo $header. Então se torna padrão, mas vou tentar resolver com um if rsrs. Valeuuu
Olá, vocês têm algum curso pago que ensine a fazer isso passo a passo? Desculpe, sou iniciante no assunto, mas quero aprender a fazer porque estou precisando.
@@CodarMe acho que o Instagram só libera isso pra quem tem muitos seguidores. Tem links que mando e aparecem a pre visualização. Já outros não aparecem
Ensionou sim!!! É como vc querer aprender fazer equação de 1º grau sem saber as 4 operações básicas de matemática!! Precisa ter algum embasamento pra tentar aprender algumas coisas, e não "cair de paraquedas" sem nenhuma noção. Não pra "carregar no colo" todo mundo em todo tutorial. Parabéns ao organizador do vídeo que foi muito claro e produtivo!!
Cara me ajudou muito. Fiz isso e coloquei um em uma imagem icone de whats com o href setando o link do whats com um link para compartilhar noticias de um site do TCC que to fazendo. ME AJUDOU MUUUUUITOOOOO OBRIGADOOOO!!!
Que bom que ajudou 🙏
Obrigada pela explicação!! Estava dificil encontrar a informação que eu queria e encontrei no seu vídeo! Thanks
Perfeito meu amigo!
Salvou demais Bruno! Estava batendo cabeça aqui, quando fui ver era só na versão web que o compartilhamento estava carniça. Pelo whats mobile está tudo certo.
Vlw!!
Que bom que ajudou, tmj 👊
No React, como enviar essas informações para cada página? Tenho um site de imóveis que gostaria que cada link de imóvel trouxesse a imagem de destaque do imóvel em questão
Impressionante, esse problema de link sempre acontece e não tem um vídeo que ensina exatamente como resolver.... Encontrei vários vídeos, todos enrolam e não mostra a solução.
É que só tem uma solução, e eu mostrei como resolver nesse vídeo. Se você não é programador você não vai entender
ajudou muito, vlw!!
Boa tarde. Tenho um site de notícias. Quando vou compartilhá-las no WhatsApp, aparece somente o fiveicon do meu jornal online, mas eu gostaria que aparecesse a imagem em destaque de cada notícia. Sabe como resolvo isso?
Tenho a mesma dúvida!
eu também tenho a mesma duvuda, de repente as fotos pararam de subir
Filhão muito Obrigado, ajodou demais !!!!
Excelente material! Parabéns.
O meu summary_large_image não funcionou no Twitter. Só fica o card horizontal.
Venho procurando uma solução na internet mas acho que só você conseguiria ajudar
Ha algum tempo, o Whatsapp Web, parou de exibir as miniaturas do youtube, mas pelo WhatsApp Desktop e Celular, as miniaturas funcionam bem.
Isso é uma configuração alterada pelo próprio WhatsApp? Será que existiria alguma forma de burlar esse sistema?
Obrigado desde já!
Isso, só o próprio whats consegue corrigir isso
Valeu acabou de ganhar mias um inscrito e um joinha. No caso do Whatasapp no meu não funcionou muito bem mas já sei qual é o caminho. Valeu mesmo
🎉
@@CodarMe depois deu certo
Olá! Não compreendi o caminho da imagem que vai ser compartilhada. og:image
Fala sério, cara.... Isso aí é programação.
@@g10nr você já viu o nome do canal? 😂
@@CodarMe ?
@@g10nrisso, é um canal sobre programação amigo
Mano tem um site que faz isso de forma mais fácil? Só quero compartilhar no whatsapp o meu link com uma imagem acima
Tem sim, o metatags.io/
Ótimo vídeo, quando uso o android compartilha normal mais quando uso o iphone não funciona. O que pode ser ??
no deploy essas metas ficam em qualquer page ou só na index?
Fala Bruno! Excelente vídeo! Me ajudou muito! Mas ainda tenho uma pequena duvida (extremamente amadora, confesso), existe alguma forma de criar ou hospedar uma meta tag? É que eu costumo compartilhar orçamentos com o link do nosso instagram (pra divulgar o mesmo e também pro thumbnail dar aquele charme à mensagem) mas DIRETO a imagem da miniatura SOME ou ao invés de aparecerem os dados do nosso insta ele aparece aquela mensagem horrorosa de fazer login no instagram. Eu tenho site, mas sua principal utilidade é direcionar o cliente para o whatsapp. E eu não queria mudar isso. Há alguma forma de eu criar, hospedar e compartilhar uma meta tag que leve pro nosso instagram sem envolver esses inconvenientes do instagram?
Boa pergunta! Não tem como, pois o que você hospeda são páginas HTML, não metatags separadamente. Sobre o instagram, você também não pode mudar a visualização dele, pois teria que alterar o código do HTML do próprio instagram, então, só eles conseguem fazer isso.
No teu caso, eu recomendaria que tivesse uma página mesmo, e não levasse direto pro instagram. Por coincidência, eu vou fazer um evento online e gratuito no dia 8/08 mostrando como criar uma página dessas, você pode se cadastrar aqui codar.me/maratona-starter
Bruno como eu crio botao na minha página/site WordPress Elementor para compartilhamento no whatsapp? com plugins nao ta funcionando no meu site
cara, vou ficar te devendo, não sei nada sobre WP/Elementor.
Fala Bruno, muito bom o vídeo, vou configurar as meta-tags no meu site depois. Vc tem algum vídeo mostrando como configura aquele import relativo com o ~ ?
cara, acho que não tenho nenhum video sobre, mas é fácil de configurar, é esse plugin do babel aqui github.com/tleunen/babel-plugin-module-resolver
Qualquer dificuldade, manda lá na comunidade do discord que a galera ajuda👊
Bruno, o que seria esse componente Analytics ali, a partir do que você implementa ele?
É um componente pra centralizar scripts de analytics, como o Google Analytics e o Facebook Pixel. Eu pego os scripts que essas plataformas fornecem e organizo dentro desse componente ai.
eu sou meio leigo... srs nem sei aonde colocar esse cod no meu wordpress help...acho que fiz errado
A thumbnail não está aparecendo, e a descrição também não.
Ótimo vídeo Como faço para colocar essa pré visualização no blogspot? Blogger?
Conseguiu resolver?
Olá, estou tendo dificuldades para colocar esta pré visualização do link do formulário ( criado no google forms) quando enviado no Whatsapp, pode ajudar?
Oi Talita! Como você não tem acesso ao código HTMl do google forms, você não consegue alterar a pré-visualização dele
Essa pergunta não tem muito haver com o vídeo , mas agredeceria se pudesse me ajudar nisso, vi em um vídeo seu algo parecido mas ñ encontrei dnovo.
Como fica o gerenciamento de páginas quando a aplicação só tem 1 página, mas o que é mostrado varia de acordo com o estado?
Ex: preciso carregar todas as informações do usuário na página Home, e dependendo do tipo de usuário o componente filho de home pode ser Teacher.tsx, Student.tsx, etc..
Eu crio uma função que retorna com base no estado X retorna o componente Y, e assim passo como filho da home, correto?
Mas e quando essa página também tem subpáginas, o que acontece?
Ex: /home/student_books/12
onde student_books é a página de livros e 12 é o livro de id 12?
Seria bom um vídeo falando sobre React Router pra casos mais específicos como esse, é bem dificil de encontrar qualquer coisa mais complexa sobre react router aqui no youtube
Opa, sobre "preciso carregar todas as informações do usuário na página Home, e dependendo do tipo de usuário o componente filho de home pode ser Teacher.tsx, Student.tsx, etc..". Você pode usar o query parameters, acho que ajudaria nesse caso, pq ai vc podia passar o tipo, dai mostrar o conteúdo, não?
Tem muitas formas de resolver isso, e o react router tem opção de rotas aninhadas (e relativas). Por exemplo, se você tem uma área de "books", tudo que for filho de books pode ter url relativa (/:id) e não completa, assim fica fácil de gerenciar isso.
Aqui é um pouco difícil de ajudar nesses casos, mas manda sua dúvida lá na comunidade do discord, que dá pra colocar até código, e a galera ajuda!
Fala Bruno, me tira uma dúvida, atualmente no site que quero resolver, exibe normalmente, porém eu quero que ao compartilhar o link de um produto, seja exibido a imagem dele, como fazer nesse caso com Php?
Fala Luan! Cara, é da mesma maneira. Independente da linguagem que você usa no backend, ela tem que gerar HTML, então, o teu PHP vai ter que gerar um HTML igual esse do vídeo pra funcionar
Entendi, é porque atualmente ele funciona e exibe o favicon normalmente, mas na tela de produto eu dou o echo $header. Então se torna padrão, mas vou tentar resolver com um if rsrs. Valeuuu
Olá, vocês têm algum curso pago que ensine a fazer isso passo a passo? Desculpe, sou iniciante no assunto, mas quero aprender a fazer porque estou precisando.
Tem sim, eu fui aluna e é excelente; passo a passo, suporte o tempo todo! vale mt a pena 🤍
foda! conteudo parece bom mas e pra quem n manja de codigo ?
Infelizmente nesse caso, precisa pedir ajuda pra quem manja, ou tentar resolver copiando o que foi feito no vídeo
Existe alguma forma de ao inves do whatsapp web carregar uma imagem pequena ele carregar a imagem grande como se estivesse enviando pelo celular?
Também quero saber, é exatamente ISSO que eu quero solucionar
A minha dificuldade está em o Whatsapp mostrar uma prévia do post do Instagram quando envio o link... Ele fazia sozinho antes mas agora não mais!
ai você não tem como controlar. Isso quem controla é o próprio instagram, pois o código é dele e você não consegue alterar
@@CodarMe acho que o Instagram só libera isso pra quem tem muitos seguidores. Tem links que mando e aparecem a pre visualização. Já outros não aparecem
cade o codigo ze
Isso dá para usar colocando lnink de blog para criar um preveiw do conteúdo ?
Da sim, mas para gerar a pré-visualização do link para todos os artigos do blog é necessário fazer renderização no servidor.
O meu link não carrega a imagem no whatsapp
Sylvio, posta o seu código lá na comunidade, ai fica mais fácil de ajudar codar.me/discord
Você nao ensinou nada ai amigo... só mostrou
Ensionou sim!!! É como vc querer aprender fazer equação de 1º grau sem saber as 4 operações básicas de matemática!! Precisa ter algum embasamento pra tentar aprender algumas coisas, e não "cair de paraquedas" sem nenhuma noção. Não pra "carregar no colo" todo mundo em todo tutorial. Parabéns ao organizador do vídeo que foi muito claro e produtivo!!
Não funcionou para mim.
não compartilhou os codigos
Esse front é em React? Acho que não né, tá tão enxuto
É React sim!😁
Nossa!!! Técnico demais! Não me serviu pra nada...
Essa era a intenção (ser técnico, já que somos um canal técnico)! Então, obrigado pelo elogio 😄