Melhorando Os Anúncios Do Whmcs

A seção de anúncios do WHMCS é bem básica e não oferece possibilidade de interações com os clientes. Mas é possível usá-la como um blog, basta fazermos algumas alterações simples. (Você pode baixar os templates alterados aqui: [download id=25])

Feedburner

O Feedburner é uma ferramenta bem útil de gerenciamento de feeds. O primeiro passo é criar uma conta no Feedburner (gratuita) e “queimar” o seu feed. O seu endereço do seu feed dos anúncios do whmcs é:

http://endereco-da-raiz-do-seu-whmcs/announcementsrss.php

Siga as configurações do FB e preencha como desejar.

Extra: Sabia que você pode enviar o seu feed no Google Webmasters como um tipo de mapa do seu site? Neste caso, o google vai ser notificado sempre que você tiver um anúncio novo. Um jeito bacana de aparecer no Google

Extra 2: Você pode enviar o posts novos para o twitter automaticamente usando a função Socialize (Publicar/Publicize – Socialize) do FB. Indique sua conta no Twitter e sempre que houver postagens novas, o FB tuita automaticamente.

Extra 3: As assinaturas por email são legais (Publicize – Email subscriptions) para pessoas que não são seus clientes serem notificados de postagens no seu blog. Lembre que o envio de newsletter do whmcs não atinge visitantes, apenas clientes.

De posse do seu novo endereço, altere as páginas announcements.tpl e viewannouncements.tpl e onde tiver:

<a href=”announcementsrss.php”>

troque por:

<a href=”http://SEU-ENDEREÇO-no-feedburner”>{$LANG.announcementsrss}</a></p>

Para forçar os visitantes e clientes a usarem somente o feed via FB, adicione o seguinte código ao .htaccess do raiz do seu whmcs (altere o endereço do seu FB):

<IfModule mod_rewrite.c>
 RewriteEngine on
 RewriteCond %{HTTP_USER_AGENT} !FeedBurner
 RewriteRule ^announcementsrss.php/?([_0-9a-z-]+)?/?$ http://feeds.feedburner.com/SEU-LOGIN-FEEDBURNER[R=302,NC,L]
</IfModule>

Compartilhamento social

O Tio Edvan já mostrou como fazer algo parecido, mas vamos usar o AddThis que gera tudo automaticamente (trabalhar muito pra quê?). Pois bem, vá para o Addthis e pegue o código (o registro não é obrigatório, mas é bacana para monitorar o compartilhamento) – escolha para a plataforma Website; o estilo de botões que desejar e depois copie o código, que deve ser algo como esse:

<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js"></script>
<!-- AddThis Button END -->

Abra o arquivo templates/TEMPLATE-QUE-VOCE-USA/viewannouncement.tpl e cole este texto onde der vontade, eu recomendo logo abaixo da tag {$text}. Se você tiver conta no twitter, modifique o código do botão do twitter – 4ª linha  – para o seguinte:

<a class="addthis_button_tweet"tw:via="SEU-TWITTER"></a>

Veja o resultado final: Você pode ter dois botões diferentes, um no topo e outro na base do texto.

Comentários

Com vários sistemas de comentários disponíveis, qualquer site pode permitir interação com os leitores. Para o nosso exemplo, vamos usar o Disqus, mas você pode ver também o Intense Debate (do mesmo pessoal do WordPress) e o Live Fyre. Cadastre-se gratuitamente e no endereço do site forneça o endereço do seu whmcs. Pegue o código universal na página de instalação:

<div id="disqus_thread"></div>
<script type="text/javascript">
    /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
    var disqus_shortname = 'example'; // required: replace example with your forum shortname

    /* * * DON'T EDIT BELOW THIS LINE * * */
    (function() {
        var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
        dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
    })();
</script>
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
<a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>

Na linha onde tem disqus_shortname, informe o apelido para o seu site (que você criou quando adicionou o site). No meu caso, o shortname é netmundo.

var disqus_shortname = 'netmundo'; // required: replace example with your forum shortname

No mesmo arquivo “viewannouncement.tpl”, cole o código abaixo, mas lembre de alterar o campo Shortname:

<div id="disqus_thread"></div>
{literal}
<script type="text/javascript">
    /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
    var disqus_shortname = 'SEU_SHORTNAME'; // required: replace example with your forum shortname

    /* * * DON'T EDIT BELOW THIS LINE * * */
    (function() {
        var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
        dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
    })();
</script>
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
<a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
{/literal}

Pronto. É recomendado que você mantenha a sua estrutura de url, tanto faz que seja com ou sem url amigável do whmcs.

Outras alterações como posição do formulário, desativar botões, traduções, integrações com redes sociais podem ser feitas diretamente no Disqus.

Se houver algum problema, comente abaixo!

O post Melhorando os anúncios do WHMCS apareceu primeiro em Portal do Host.