Como colocar este codigo de anuncio ao rodape igual deste site

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

Resolvido Re: Como colocar este codigo de anuncio ao rodape igual deste site

Mensagem por Luiz em Seg 12 Jun 2017 - 12: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/
avatar

Luiz
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 6575
Pontos Ativos : 7341

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Como colocar este codigo de anuncio ao rodape igual deste site

Mensagem por EDU2010 em Seg 12 Jun 2017 - 13: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 !
avatar

EDU2010
Membro do Fórum

Masculino
Inscrito dia : 09/12/2010
Mensagens : 1841
Pontos Ativos : 2852

Ver perfil do usuário http://passarinhos.forumeiros.com/forum.htm

Resolvido Re: Como colocar este codigo de anuncio ao rodape igual deste site

Mensagem por Luiz em Seg 12 Jun 2017 - 13: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/
avatar

Luiz
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 6575
Pontos Ativos : 7341

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Como colocar este codigo de anuncio ao rodape igual deste site

Mensagem por EDU2010 em Seg 12 Jun 2017 - 13:36


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

EDU2010
Membro do Fórum

Masculino
Inscrito dia : 09/12/2010
Mensagens : 1841
Pontos Ativos : 2852

Ver perfil do usuário http://passarinhos.forumeiros.com/forum.htm

Resolvido Re: Como colocar este codigo de anuncio ao rodape igual deste site

Mensagem por Luiz em Seg 12 Jun 2017 - 13: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/
avatar

Luiz
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 6575
Pontos Ativos : 7341

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Como colocar este codigo de anuncio ao rodape igual deste site

Mensagem por EDU2010 em Seg 12 Jun 2017 - 13: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>
avatar

EDU2010
Membro do Fórum

Masculino
Inscrito dia : 09/12/2010
Mensagens : 1841
Pontos Ativos : 2852

Ver perfil do usuário http://passarinhos.forumeiros.com/forum.htm

Resolvido Re: Como colocar este codigo de anuncio ao rodape igual deste site

Mensagem por Luiz em Seg 12 Jun 2017 - 14: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/
avatar

Luiz
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 6575
Pontos Ativos : 7341

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Como colocar este codigo de anuncio ao rodape igual deste site

Mensagem por EDU2010 em Seg 12 Jun 2017 - 16: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
avatar

EDU2010
Membro do Fórum

Masculino
Inscrito dia : 09/12/2010
Mensagens : 1841
Pontos Ativos : 2852

Ver perfil do usuário http://passarinhos.forumeiros.com/forum.htm

Resolvido Re: Como colocar este codigo de anuncio ao rodape igual deste site

Mensagem por Luiz em Seg 12 Jun 2017 - 16: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/
avatar

Luiz
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 6575
Pontos Ativos : 7341

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Como colocar este codigo de anuncio ao rodape igual deste site

Mensagem por EDU2010 em Seg 12 Jun 2017 - 16: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 !


avatar

EDU2010
Membro do Fórum

Masculino
Inscrito dia : 09/12/2010
Mensagens : 1841
Pontos Ativos : 2852

Ver perfil do usuário http://passarinhos.forumeiros.com/forum.htm

Resolvido Re: Como colocar este codigo de anuncio ao rodape igual deste site

Mensagem por Luiz em Seg 12 Jun 2017 - 17: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/
avatar

Luiz
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 6575
Pontos Ativos : 7341

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Como colocar este codigo de anuncio ao rodape igual deste site

Mensagem por EDU2010 em Seg 12 Jun 2017 - 23: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
avatar

EDU2010
Membro do Fórum

Masculino
Inscrito dia : 09/12/2010
Mensagens : 1841
Pontos Ativos : 2852

Ver perfil do usuário http://passarinhos.forumeiros.com/forum.htm

Resolvido Re: Como colocar este codigo de anuncio ao rodape igual deste site

Mensagem por Luiz em Sex 16 Jun 2017 - 13: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.
avatar

Luiz
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 6575
Pontos Ativos : 7341

Ver perfil do usuário https://github.com/lffg/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum