Publicidade com Jquery

Categoria: Programação

Meerkat é um plugin para jQuery desenvolvido por Jarod Taylor, eu definiria este plugin como um plugin para publicidade. O plugin torna mais fácil e atraente o modo de exibir publicidades.

Em sua página ele exibe três exemplos, o primeiro com anúncio do Google, o segundo com um HTML comum e o terceiro, também com HTML, mas preenchendo a tela visível do site, tipo uma tela de splash. Nas três opões ele deixa um botão para sair da publicidade e mostrar o site por completo.

Opções

  • showMeerkatOnLoad:
    Valor booleano, se verdadeiro o plugin Meerkat irá mostrar a publicidade quando a função for chamada, caso contrário irá esconder a publicidade.
    Padrão: ‘false’
  • close:
    Aqui você especifica o seletor (ie. “.close” ou “#close”) para ocultar a publicidade.
    Padrão: ‘none’
  • dontShow:
    Qualquer seletor (ie. “.dont-show” ou “#dont-show”) para que o usuário escolha não ver mais a publicidade, o plugin Meerkat ierá esconder e não mostrará o anúncio até a sessão do navegador terminar (quando o navegador for reiniciado) ou para uma quantidade de dias, dependendo da configuração dontShowExpire.
    Padrão: ‘none’

    Nota: dontShow depende dos cookies do navegador. Se o usuário não aceitar cookies, esta opção será ignorada.

  • dontShowExpire:
    Se você alterar a opção dontShow, você tem a opção de configurar o tempo limite (em dias) que o plugin Meerkat irá ocultar a publicidade. A opção dontShowExpire aceita inteiros ou números decimais (floa) entre 0 e 365.

    Se dontShowExpire configurado como 0; Meerkat aguarda a sessão do navegador para motrar novamente a publicidade.
    Se dontShowExpire configurado como 0.5; Meerkat não mostrará por 12 horas.
    Se dontShowExpire configurado como 1; Meerkat não mostrará por 24 horas (1 dia).
    Se dontShowExpire configurado como 7; Meerkat não mostrará por 7 dias (1 semana).

    Padrão: 0

    Nota: dontShowExpire depende dos cookies do navegador. Se o usuário não aceitar cookies, esta opção será ignorada.

  • removeCookie:
    Usado principalmente para o desenvolvimento da aplicação, a opção removeCookie deleta o cookie criado pela opção dontShow.
    Esta opção aceita qualquer seletor (ie. “.remove-cookie” ou “#remove-cookie”).
    Padrão: ‘none’

    Nota: removeCookie depende dos cookies do navegador. Se o usuário não aceitar cookies, esta opção será ignorada.

  • meerkatPosition:
    A opção meerkatPosition aceita dois valores: top ou bottom.
    Ela determina o posicionamento (quando não for o splash) da publicidade na janela.
    Padrão: ‘bottom’
  • animation:
    A opção animation aceita dois valores: slide ou fade.
    Esta opção determina o efeito quando a publicidade será exibida e ocultada.
    Padrão: ‘slide’
  • animationSpeed:
    A opção animationSpeed aceita os seguinte valores: (“slow”, “normal”, ou “fast”) ou o número de milisegundos para a animação executar.
    Padrão: ‘slow’
  • height:
    A opção height aceita todos os valores da propriedade height do CSS (px, em, %, auto, etc).
    Se esta opção é omitida, o plugin utilizará o CSS aplicado sobre o elemento meerkat.
    Padrão: ‘auto’
  • background:
    A opção background aceita o CSS de background (veja algumas opções)
    Exemplo:
    background: ‘#000 url(/path/to/bgimage.jpg) no-repeat left top’
    Padrão: ‘none’

Exemplo 1
Exemplo 2
Exemplo 3
jquery.meerkat.js


Sobre o Autor
Junior Moro em Campo Grande, Mato Grosso do Sul e sou programador na dothCom.
Posts Relacionados
Comentários