JSIndexer: compartilhe facilmente seu conteúdo

Acredito que este seja o primeiro plugin brasileiro aqui no PluginMania. E que plugin legal. Opa, mas ele não é um plugin, e sim um pequeno e interessante aplicativo que elimina a necessidade de utilização de alguns plugins.

O Reinando, do Blog do Plástico, fez um excelente trabalho e desenvolveu um aplicativo que, em minha opinião, é inédito. Trata-se do excelente JSIndexer, cuja versão 1.0 foi lançada há menos de um mês e é realmente uma mão na roda para quem deseja disponibilizar em seu blog, seja ele em que plataforma for, funções de compartilhamento de conteúdo.

O JSIndexer é inovador por não ser mais um plugin ou aplicativo similar a tantos outros plugins “sociais” que existem por aí e que estão sempre “amarrados” à esta ou àquela plataforma, por exemplo. Ele é um aplicativo multiplataforma “gerador de código“, ou seja, ele fornece ao autor de um blog, mediante dados por este préviamente informados, o código necessário para a inserção de botões/links de compartilhamento em seus posts. Por exemplo, suponha que você está escrevendo um artigo e possui um blog hospedado no wordpress.com.

É claro que você já sabe que neste serviço não é possível a instalação de plugins tais como o ShareThis, por exemplo (aliás, não é possível a instalação de nenhum plugin), e aí, sua única opção caso deseje inserir em cada um de seus posts aqueles pequenos botões de compartilhamento (para que seus visitantes possam submeter seus textos a redes sociais  tais como, por exemplo, dihitt, Ueba, etc) é criar e inserir o código manualmente, após descobrir todas as URL’s de submissão, em cada uma das redes, baixar os botões, etc. O trabalho fica mais complicado à medida que você deseja trabalhar com mais redes sociais, e há todo um trabalho de edição a cada artigo, pois o título de cada post deve ser alterado, a URL/permalink também, etc. Ufa!

Aí é que entra o JSIndexer. O plugin faz todo o trabalho “braçal”, digamos, e gera todo este código, bastando ao usuário copiá-lo e colá-lo em cada um de seus posts, no lugar exato onde deseja que os botões apareçam. O plugin entrega tudo “mastigado” para o usuário, e o código é gerado com as URL’s corretas de submissão de conteúdo, títulos, imagens, atributos “alt”, etc. O usuário pode definir dados tais como:

• URL do site/blog.
• Se é um permalink ou não.
• Data do post.
• Título do post/página.
• A(s) rede(s) social(is) para a(s) qual(is) deseja gerar o(s) botão(ões).

Definidas as opções acima, basta copiar o código gerado e colar em seu post, para a devida exibição dos botões. Desta forma, você oferece uma interessante possibilidade a seus visitantes, além de aumentar as chances de divulgação de seu material. Muito legal, não?

O JSIndexer é uma excelente alternativa para usuários que, por qualquer motivo, não desejam ou não podem alterar arquivos do blog/tema. É interessante também para pessoas que desejam praticidade e simplicidade. Acima de tudo, é um aplicativo versátil e descomplicado.

Obtendo o JSIndexer

O aplicativo está disponível em duas versões. Você pode utilizar sua versão “online” ou então efetuar o download de sua versão offline. As duas trabalham de maneira idêntica, vale ressaltar, e você pode desfrutar de seus benefícios rapidamente.

Ao fazer download da versão offline, você obtém também um pacote contendo todos os ícones em formato JPG. Tais imagens estão hospedadas no servidor do Blog do Plástico, e esta é a opção “default” quando você utiliza a ferramenta. Mas você pode também alterar o código gerado e hospedá-las em seu próprio servidor/conta de hospedagem, caso deseje. Para utilizar a versão offline, após o download, basta acessar o arquivo “jsindexer.html”, localizado dentro da pasta “jsindexer1″.

Mas vamos dar uma olhadinha no aplicativo?

Gerando o código

A utilização do JSIndexer é bem descomplicada. Tanto faz você utilizar a versão offline ou a online, o resultado será o mesmo. Ao acessar o aplicativo, a tela acima será exibida. As opções são as seguintes:

• URL do blog/site: digite aqui a URL completa para seu post, inclusive com o “http://”.
• Selecione se for link permanente (permalink): marque esta opção caso esteja utilizando em um blog, por exemplo.
• Data do post: o aplicativo insere a data atual automaticamente nas URL’s do código gerado. Clique na opção “clique para mudar” e será possível então alterar a mesma.
• Título do post/página: digite aqui o título do post ou página em questão.
• Para código em página, selecione aqui: marcando esta opção, o aplicativo retira a data da URL. Utilize caso esteja publicando uma página, e não um post.
• Sites de notícias: aqui existe uma série de checkboxes onde você poderá escolher o site de notícias/rede social para o(s) qual(is) deseja gerar o código. Marque aqueles que desejar, ou utilize o link “selecionar todos”.
• Link para o projeto: recomendo firmemente que você deixe esta opção sempre marcada. Ela faz com que seja adicionada uma pequena nota ao código gerado, a qual exibirá informações a respeito do JSIndexer logo abaixo dos botões. É uma divulgação que não custa nada, e quanto mais pessoas conhecerem e utilizarem a ferramenta, melhor.

Após a definição das opções acima, basta clicar no botão “Gerar código“, e o código será gerado logo em seguida, conforme exemplo abaixo:

<a title=”Adicionar artigo ao Rec6″ rel=”alternate” href=”http://rec6.via6.com/link.php?url=http%3A%2F%2Fwww.pluginmania.com&titulo=Artigo teste” target=”_blank”><img src=”http://lh3.ggpht.com/reimlima/SGkuAe-cutI/AAAAAAAAA_c/X79dtSaJHgY/s144/botao_rec6_16×16.jpg” border=”0″ alt=”Adicionar artigo ao Rec6″ width=”16″ height=”16″ /></a> <br><br>Quer ter estes botões no seu site? <a href=”http://plasticossj4.wordpress.com/jsindexer/” target=”_blank”>Acesse</a>

Você pode simplesmente copiar o código acima e colar no artigo, no lugar exato onde deseja exibir os botões de compartilhamento.

Utilizando imagens hospedadas em seu servidor/conta de hospedagem

Se você deseja hospedar as imagens em seu próprio servidor/conta de hospedagem, basta fazer o seguinte:

1) Baixe a versão offline do JSIndexer, conforme instruções acima.

2) Abra a pasta “jsindexer1″ e renomeie a subpasta “imagens jsI1″ para “”imagensjsI1“. Note que você deve eliminar o “espaço” existente entre “imagens” e “jsI1″, ok?

3) Efetue o upload da pasta “imagensjsI1″ para sua conta de hospedagem e efetue a devida substituição no código.

Por exemplo, você deverá substituir todas as ocorrências da URL abaixo, no código gerado:

http://lh3.ggpht.com/reimlima/SGkuAe-cutI/AAAAAAAAA_c/X79dtSaJHgY/s144/

Pela URL completa para a pasta onde você salvou as imagens. Lembre-se de alterar somente as ocorrências do trecho acima, nada mais, nada menos, ok?

Inserindo o código

Bom, como o PluginMania é voltado ao Wordpress e tem por meta explicar sempre “o básico e o não tão básico ( )”, vou dar algumas dicas a respeito da inserção do código gerado em seus posts e/ou páginas. É muito simples.

Caso você utilize alguma outra plataforma, é muito simples também, lembrando que o código deve ser inserido sempre no editor de código de seu blog, e não no editor visual/wysiwyg.

No editor de posts/páginas do Wordpress, ative o editor de código:

Na janela de visualização/edição de código, posicione o cursor no local onde deseja inserir o código. Copie o código gerado pelo JSIndexer e cole no local desejado:

Após inserir o código, clique novamente na aba referente ao editor visual do Wordpress, veja se está tudo ok, salve e publique seu post. Pronto.

Finalização e agradecimentos

Bom, amigos, deu pra perceber que o JSIndexer é um aplicativo inédito e que independe da plataforma utilizada, não? Utilize você Wordpress (em servidor próprio ou no wordpress.com), Blogger ou outra plataforma qualquer, o plugin pode se ajustar às suas necessidades facilmente.

Ele é leve, rápido, simples de se utilizar e, além disso, possui versões offline e online, se ajustando a todos os gostos e necessidades. Aliás, as variações podem ser inúmeras na utilização da ferramenta, e você pode variar a rede e a quantidade destas em cada post, por exemplo.

Gostaria de agradecer principalmente ao Reinaldo, o desenvolvedor do JSIndexer, que respondeu a todos os nossos e-mails muito gentilmente e sempre disposto a esclarecer todas as nossas dúvidas.

Principalmente, gostaria de agradecê-lo pela disponibilização desta excelente ferramenta gratuita.

Informações adicionais

Versão atual:

1.0

Link para download da versão offline

Link para acesso à versão online

Maiores informações sobre o aplicativo

Site do desenvolvedor

Ah, e aproveitando, aí vai uma amostra do plugin em utilização. Compartilhe!

Quer ter estes botões no seu site? Acesse