Como colocar este codigo de anuncio ao rodape igual deste site

2 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como colocar este codigo de anuncio ao rodape igual deste site

Mensagem por Luiz 12.06.17 17:32

Olá,

Infelizmente este tipo de coisa não pode ser feito em seu fórum, dado que só é possível esconder os anúncios via compra de créditos.
Espero que entenda.

o/
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar este codigo de anuncio ao rodape igual deste site

Mensagem por EDU2010 12.06.17 18:00

Eu nao to pedindo pra esconder os anuncios do Fórum e sim colocar o anuncios do Adsense como o dele que fica abaixo do fórum no rodape ao fim dos anuncios da Forumeiros normal !
EDU2010

EDU2010
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2295
Pontos : 3601

http://passarinhos.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como colocar este codigo de anuncio ao rodape igual deste site

Mensagem por Luiz 12.06.17 18:09

Olá,

Me desculpe o engano, havia entendido errado. Envergonhado

Faça o que foi pedido neste post:
-> http://www.livingfornaptime.com/monetization/how-to-install-google-adsense-ads-in-the-header-footer-sidebar-of-your-blog/

Só que ao invés de colar o código na sidebar, coloque o código gerado aqui.
Em seguida, coloque aqui também seu template "overall_footer_begin".

o/
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar este codigo de anuncio ao rodape igual deste site

Mensagem por EDU2010 12.06.17 18:36


Não entendi voce poderia me montar o codigo pra eu colocar ?
EDU2010

EDU2010
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2295
Pontos : 3601

http://passarinhos.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como colocar este codigo de anuncio ao rodape igual deste site

Mensagem por Luiz 12.06.17 18:38

Não tenho como criar o anúncio, quem faz isso é o senhor.
Poderia nos passar o código de incorporação do anúncio?

Só poderemos lhe ajudar com ele.
Para saber mais, leia:
-> https://support.google.com/adsense/answer/181947?hl=pt-BR&ref_topic=28893

o/
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar este codigo de anuncio ao rodape igual deste site

Mensagem por EDU2010 12.06.17 18:52

Código:
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- chiquitas -->
<ins class="adsbygoogle"
    style="display:inline-block;width:728px;height:90px"
    data-ad-client="ca-pub-6750849678976461"
    data-ad-slot="3718657403"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
EDU2010

EDU2010
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2295
Pontos : 3601

http://passarinhos.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como colocar este codigo de anuncio ao rodape igual deste site

Mensagem por Luiz 12.06.17 19:18

Poderia passar o template overall_footer_begin, como pedi anteriormente?

o/

---

Edit:
Não é necessário, apenas crie um novo JS com investimento em todas as páginas com o código:
Código:
(function ($) {
  'use strict';

  $(function () {

    // Script:
    $.getScript('http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js');

    // HTML:
    $('#page-footer').prepend([
      '<div class="fa-iframe">',
      '  <!-- chiquitas -->',
      '  <ins class="adsbygoogle"' +
      '    style="display:inline-block;width:728px;height:90px"' +
      '    data-ad-client="ca-pub-6750849678976461"' +
      '    data-ad-slot="3718657403"></ins>',
      '</div>',
    ].join('\n'));

    // Script:
    (adsbygoogle = window.adsbygoogle || []).push({});

    $('<style>', {
      type: 'text/css',
      text: [
        '.fa-iframe {',
        '  position: relative;',
        '  width: 100%;',
        '  clear: both;',
        '  height: 105px;',
        '}',
        '',
        '.fa-iframe > ins {',
        '  position: absolute;',
        '  left: 50%;',
        '  transform: translate(-50%);',
        '}'
      ].join('\n')
    }).appendTo('head');

  });
}(jQuery));

o/
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar este codigo de anuncio ao rodape igual deste site

Mensagem por EDU2010 12.06.17 21:36

Sim amigo ficou la o anuncios perto do rodape mais vc viu o efeito do link que te passei quando eu rolo a pagina pra baixo e pra cima o anuncio continua no mesmo lugar nao altera fica ali no rodape do site
EDU2010

EDU2010
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2295
Pontos : 3601

http://passarinhos.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como colocar este codigo de anuncio ao rodape igual deste site

Mensagem por Luiz 12.06.17 21:41

Só para constar: eu não entrei no link.
Eu fiz o código baseado na imagem!

Enfim, adicione ao final de sua CSS:
Código:
.fa-iframe {
  position: fixed!important;
  bottom: 0px!important;
  left: 50%!important;
  transform: translateX(-50%)!important;
}

o/
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar este codigo de anuncio ao rodape igual deste site

Mensagem por EDU2010 12.06.17 21:48

Ta ficando bom mais percebe que o dele quem um local que clica e fecha pra baixo e some o anuncio so falta isso !


EDU2010

EDU2010
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2295
Pontos : 3601

http://passarinhos.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como colocar este codigo de anuncio ao rodape igual deste site

Mensagem por Luiz 12.06.17 22:08

Troque o JavaScript por:
Código:
(function ($) {
  'use strict';

  $(function () {

    // Script:
    $.getScript('http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js');

    // HTML:
    var $faAd = $([
      '<div class="fa-ad-frame">',
      '  <div class="fa-close-iframe"><span>▽</span></div>',
      '  <div class="fa-iframe">',
      '    <!-- chiquitas -->',
      '    <ins class="adsbygoogle"' +
      '      style="display:inline-block;width:728px;height:90px"' +
      '      data-ad-client="ca-pub-6750849678976461"' +
      '      data-ad-slot="3718657403"></ins>',
      '  </div>',
      '</div>',
    ].join('\n'))
      .prependTo('#page-footer')
    ;

    $faAd.find('.fa-close-iframe')
      .on('click', function () {
        console.log('Fechando...');
        $(this).next('.fa-iframe').fadeToggle();
        $(this).toggleClass('ad-is-hidden');
      })
    ;

    // Script:
    (adsbygoogle = window.adsbygoogle || []).push({});

    $('<style>', {
      type: 'text/css',
      text: [
        '.fa-iframe {',
        '  position: relative;',
        '  width: 100%;',
        '  clear: both;',
        '  height: 105px;',
        '}',
        '',
        '.fa-iframe > ins {',
        '  position: absolute;',
        '  left: 50%;',
        '  transform: translate(-50%);',
        '}',
        '',
        '.fa-close-iframe {',
        '  position: fixed;',
        '  bottom: 115px;',
        '  left: 50%;',
        '  transform: translate(-50%);',
        '  background-color: #444;',
        '  width: 70%;',
        '  height: 3px;',
        '  border-radius: 99px;',
        '  transition: all ease-in 400ms;',
        '}',
        '',
        '.fa-close-iframe span {',
        '  top: -21px;',
        '  position: absolute;',
        '  left: 50%;',
        '  transform: translateX(-50%);',
        '  background-color: #444;',
        '  padding: 5px 7px;',
        '  border-top-right-radius: 3px;',
        '  border-top-left-radius: 3px;',
        '  color: #fff;',
        '  font-weight: bold;',
        '}',
        '',
        '.fa-close-iframe.ad-is-hidden {',
        '  bottom: 0px;',
        '}',
      ].join('\n')
    }).appendTo('head');

  });
}(jQuery));

o/
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar este codigo de anuncio ao rodape igual deste site

Mensagem por EDU2010 13.06.17 4:05

Dentro dos Tópicos o anuncio do google não aparece apenas o efeito de fechar o anuncio mais o anuncio do google nao , ele so aparece na pagina principal
EDU2010

EDU2010
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2295
Pontos : 3601

http://passarinhos.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como colocar este codigo de anuncio ao rodape igual deste site

Mensagem por Luiz 16.06.17 18:12

Frisando que questões sobre JavaScript são consideradas abandonadas após três dias sem respostas:

Questão abandonada pelo autor, mas considerada resolvida por ter solução para o problema.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos