Banner extra com contagem de cliques

Snippet para criar um banner com contador de cliques. OBS: Exemplo utilizado para o banner extra4

HTML

{#
  # Banner com contagem de cliques
  # elements/snippets/banner.html
#}

{% if banners.extra4  %}
<div class="section-banners">

    <div class="item">
        <a{{ banners.extra4.link ? ' href="'~banners.extra4.tracked_link~'" ' }} target="{{ banners.extra4.target }}">
            <img class="lazyload" data-src="{{ banners.extra4.src }}" alt="{{ banners.extra4.alt }}">
        </a>
    </div>
 
</div>
{% endif %}

Como usar

Copie o código acima e crie um arquivo separado, exemplo: elements/snippets/banner.html

Faça a chamada desse arquivo onde desejar:

{% element('snippets/banner') %}

Observação:

Em relação ao código HTML inserido acima, a imagem é carregada com o Lazyload. Caso o desenvolvedor não utilize essa opção, o código deve ser com a chamada normal da imagem, conforme exemplo abaixo:

HTML

{#
  # Banner com contagem de cliques
  # elements/snippets/banner.html
#}

{% if banners.extra4  %}
<div class="section-banners">

    <div class="item">
        <a{{ banners.extra4.link ? ' href="'~banners.extra4.tracked_link~'" ' }} target="{{ banners.extra4.target }}">
            <img src="{{ banners.extra4.src }}" alt="{{ banners.extra4.alt }}">
        </a>
    </div>
 
</div>
{% endif %}