No passado, já mostramos como criar URLs curtos com o encurtador do Google e como você pode usar bit.ly para gerar URLs curtos automaticamente . No entanto, nem o encurtador do Google nem o Bit.ly permitem que você tenha seu encurtador de URL de domínio personalizado. Recentemente, um de nossos usuários nos perguntou sobre como fazer seu próprio encurtador de URL no Blogger.
Um encurtador de URL personalizado permitirá que você crie seu próprio domínio de marca para redirecionar para diferentes páginas externas de acordo com suas necessidades. Hoje, neste artigo, mostraremos como fazer seu próprio encurtador de URL com JavaScript no Blogger.
Como funciona o encurtador de URL personalizado?Usaremos um script para criar nosso próprio serviço de encurtamento de URL. Este script também pode ser denominado como "Redirecionamentos Simples". Assim como o WordPress, você cria links que o redirecionarão para páginas ou domínios externos. Ao contrário dos Redirecionamentos Personalizados do Blogger, que não permite redirecionar para outros domínios, eles redirecionam apenas para páginas internas do seu blog.
URL padrão: www.facebook.com/allotec
URL curto com marca personalizada: www.allotec.com/go/fb
Dê uma olhada nos links acima para entender como esse script funcionará. Se você for para www.allotec.com/go/fb , será direcionado para a página do Facebook do Allotec. Da mesma forma, você pode criar URLs curtos e redirecionamentos ilimitados usando este script.
Como fazer seu próprio encurtador de URL com JavaScript:
Para instalar o script de encurtador de URL em seu site do Blogger, siga as instruções abaixo corretamente:
- Vá para Blogger >> Modelo >> Editar HTML .
- Agora nos códigos do template, procure pela tag </head> e logo acima cole o seguinte código JavaScript:
<script language='javascript'>
// Allotec URL Shorener
//<![CDATA[
var key = window.location.href.split("go/")[1].replace("/","")
var urls={
'fb':'https://www.facebook.com/allotec',
'gplus':"https://plus.google.com/allotec",
'twitter':"https://twitter .com/allotec",
}
if(key){
if(urls[key]){
window.location.href=urls[key]
}else{
document.write("'"+key+"' não encontrado :(") ;
}
}
//]]>
</script>
Costumização:
Agora, para criar URLs curtos, você pode simplesmente fazer alterações no código acima. Por exemplo, no código acima, procure por isso:
' fb ':' https://www.facebook.com/allotec',
No código acima, fb é a palavra-chave e https://www.facebook.com/allotecé o site ou página de destino. Se traduzimos o código acima, significa que, quando você visitar www.allotec.com/go/fb , será direcionado para https://www.facebook.com/allotec.
Você também pode adicionar mais URLs curtos, por exemplo, se quiser criar um link curto para o seu perfil do Pinterest, o código acima ficará assim:
<script language='javascript'>//allotecURL Shorener//<![CDATA[var key = window.location.href.split("go/")[1].replace("/","")var urls={'fb':'https://www.facebook.com/allotec','gplus':"https://plus.google.com/+allotec",'twitter':"https://twitter .com/allotec",'pinterest':"https://twitter.com/allotec",}if(key){if(urls[key]){window.location.href=urls[key]}else{document .write("'"+key+"' não encontrado :(");}}//]]></script>
3. Após personalizar o script de acordo com suas necessidades, pressione o botão " Salvar modelo " na parte superior da tela.
Esperamos que este tutorial tenha ajudado você a aprender como criar seu próprio encurtador de URL no Blogger. Deixe-nos saber o que você pensa nos comentários abaixo.
Tags:
INTERNET