Jump to content
  • 0
marcio.sx

Ocultar botão depois do evento “subscribe”

Question

Neste script do google tem um comenterio escrito "Add code to handle subscribe event." traduzindo "Adicionar código para lidar com evento de assinatura.".

Eu quero saber se tem como eu colocar um codigo nesse lugar para que quando ocorre a ação "subcribe" o botão suma. 

<script src="https://apis.google.com/js/platform.js"></script>

<script>
  function onYtEvent(payload) {
    if (payload.eventType == 'subscribe') {
      // Add code to handle subscribe event.
    } else if (payload.eventType == 'unsubscribe') {
      // Add code to handle unsubscribe event.
    }
    if (window.console) { // for debugging only
      window.console.log('YT event: ', payload);
    }
  }
</script>

<div class="g-ytsubscribe" data-channel="GoogleDevelopers" data-layout="default" data-count="default" data-onytevent="onYtEvent"></div>

 

Share this post


Link to post
Share on other sites

7 answers to this question

Recommended Posts

  • 0

Marcio,

Boa tarde!

 

Tenta dessa forma:

<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script src="https://apis.google.com/js/platform.js"></script>

<script>
  function onYtEvent(payload) {
    if (payload.eventType == 'subscribe') {
      // Add code to handle subscribe event.
      $( '.g-ytsubscribe' ).hide();
    } else if (payload.eventType == 'unsubscribe') {
      // Add code to handle unsubscribe event.
    }
    if (window.console) { // for debugging only
      window.console.log('YT event: ', payload);
    }
  }
</script>

<div class="g-ytsubscribe" data-channel="GoogleDevelopers" data-layout="default" data-count="default" data-onytevent="onYtEvent"></div>

 

Share this post


Link to post
Share on other sites
  • 0
1 hora atrás, vinaspsy disse:

Marcio,

Boa tarde!

 

Tenta dessa forma:


<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script src="https://apis.google.com/js/platform.js"></script>

<script>
  function onYtEvent(payload) {
    if (payload.eventType == 'subscribe') {
      // Add code to handle subscribe event.
      $( '.g-ytsubscribe' ).hide();
    } else if (payload.eventType == 'unsubscribe') {
      // Add code to handle unsubscribe event.
    }
    if (window.console) { // for debugging only
      window.console.log('YT event: ', payload);
    }
  }
</script>

<div class="g-ytsubscribe" data-channel="GoogleDevelopers" data-layout="default" data-count="default" data-onytevent="onYtEvent"></div>

 

Infelizmente não deu certo :(

Share this post


Link to post
Share on other sites
  • 0

Oq não deu certo?

Deu algum erro no console?

 

Monitorou os parâmetros da função?

function onYtEvent(payload){
    console.log(payload)

 

 

Share this post


Link to post
Share on other sites
  • 0
17 horas atrás, gabrieldarezzo disse:

Oq não deu certo?

Deu algum erro no console?

 

Monitorou os parâmetros da função?


function onYtEvent(payload){
    console.log(payload)

 

 

O botão não some 

Share this post


Link to post
Share on other sites
  • 0

Nem precisa mais... eu descobrir que os erros estão ocorrendo por conta da API do Google Developers que teve sua ultima atualização em 2011, mas mesmo assim vlw

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By Ewfc2005
      Gostaria de saber como eu devo fazer para alinhar 3 imagens lado a lado, sem fazer o site deixar de ser responsivo.
      que fique igual ao desse site
       
      https://ciesalon.com/
       
    • By Vinicius Bazan
      Sou leigo ainda no Java Script e não manjo de muita coisa ainda, eu preciso fazer uma função que que deve ser executada na pagina HTML, eu crio a função dentro da tag <script> na <head> do html, mas como eu chamo essa função no momento que eu precisar no <body>, o que eu devo digitar pro código saber que ali deve executar a função?
    • By PRWEB
      Boa tarde!!!
       
      Por favor como faço para marcar um checkbox e ai marca automaticamente um campo radio?
       
      Obrigado
    • By Randys
      Eu selecionei um elemento e adicionei a classe ativo nele, agora não estou conseguindo remover a classe quando eu seleciono outro elemento
      const article = document.getElementById(id); article.classList.add('ativo'); Eu preciso remover a classe ativo quando eu clicar em outro elemento article, como faço isso?
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.