Deseja adicionar o botão de compartilhamento oficial do LinkedIn no WordPress? Há muitos plug-ins de mídia social que permitem adicionar botões de compartilhamento, mas a maioria deles não usa os botões oficiais. Neste artigo, mostraremos a você como adicionar o botão oficial de compartilhamento do LinkedIn no WordPress.
Adição do botão oficial de compartilhamento do LinkedIn no WordPress
Para este tutorial, você precisará editar seus arquivos de tema do WordPress. Se você não tiver feito isso antes, consulte nosso guia sobre como copiar e colar código no WordPress.
Primeiro, você precisa visitar a página do LinkedIn Share Plugin. Você será solicitado a selecionar o idioma do seu site e o estilo de botão que deseja usar.
Você pode deixar o campo URL em branco porque o botão de compartilhamento pode obter automaticamente o URL da página.
Em seguida, você precisa clicar no botão “Get Code” para copiar o código do botão de compartilhamento do LinkedIn.
Agora que obtivemos o código de compartilhamento, vamos adicionar os botões oficiais em seu site do WordPress.
Exibir o botão de compartilhamento do LinkedIn em publicações e páginas do WordPress
Se quiser exibir o botão de compartilhamento do LinkedIn antes do conteúdo do seu post, você pode usar o código a seguir. Você precisará copiar e colar esse código no arquivo functions.php do seu tema ou em um plug-in específico do site.
function wpb_linkedin_share_before($content) {
// Share code you copied from LinkedIn goes here
$sharecode .= '<script src="//platform.linkedin.com/in.js" type="text/javascript"> lang: en_US</script>
<script type="IN/Share" data-counter="top"></script>';
$newcontent = $sharecode .$content;
return $newcontent;
}
add_filter('the_content', 'wpb_linkedin_share_before');
Você pode salvar suas alterações e visitar seu site para vê-las em ação.
Se quiser exibir o botão de compartilhamento após o conteúdo da publicação, será necessário adicionar o seguinte código.
function wpb_linkedin_share_after($content) {
$sharecode .= '<script src="//platform.linkedin.com/in.js" type="text/javascript"> lang: en_US</script>
<script type="IN/Share" data-counter="top"></script>';
$newcontent = $content . $sharecode;
return $newcontent;
}
add_filter('the_content', 'wpb_linkedin_share_after');
Você também pode adicionar o código do botão de compartilhamento do LinkedIn que copiou anteriormente diretamente em um widget HTML personalizado do WordPress. Basta acessar a página Appearance ” Widgets e adicionar o widget “HTML personalizado” a uma barra lateral.
Em seguida, adicione o código do botão Compartilhar do LinkedIn dentro do widget HTML personalizado e clique no botão Salvar para armazenar suas alterações.
Agora você pode visitar seu site para vê-lo em ação.
Esperamos que este artigo tenha ajudado você a aprender como adicionar facilmente o botão oficial de compartilhamento do LinkedIn no WordPress. Talvez você também queira ver nossa lista dos melhores plug-ins do LinkedIn para WordPress.
Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para obter tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.
Syed Balkhi says
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Sanket Bhardwaj says
Hey, Thanks for providing this code. I have added this button on my website but now when i want to remove this It came back again and again. I have removed the code from functions.php but it came again and again.
Please help Me.
WPBeginner Support says
Hi Sanket,
Please clear your caches and then try again.
Administrador
Gabriela says
Anyone know why when you share your blog here in WordPress to LinkedIn, there is no picture attached? I do have one but it disappears when I try to share it to LinkedIn. I shared it in Facebook and Twitter and it works good but not in LinkedIn, The text appears good but no picture. I don’t get it. Tips? Thank you!
Emily says
Does anyone know of a way to add the LinkedIn share button to a “free” wordpress, for which I own the domaine? Not sure if this matters, but I think maybe the other company is “hosting” the wordpress page. Anyway, I’ve tried the text widget and adding the html to the end of a blog post. Don’t think either is working because I just get a weird looking hyperlink that takes someone to a page of text….
Electra Ford says
Hi,
I’ve added the code but it’s not showing for me. Any new updates on how to get the LinkedIn share button to display?
Thanks
sinhrakesh says
I used below codes in the Custom Codes section to add Google+ and Linkedin Share buttons on my WP Blog (www.maintec.com/blog):
Google+
<div class=”sharer”><script type=”text/javascript” src=”https://apis.google.com/js/plusone.js”></script> <g:plusone size=”tall”></g:plusone></div>
Linkedin
<div class=”sharer”><script type=”text/javascript” src=”http://platform.linkedin.com/in.js”></script><script type=”in/share” data-url=”<?php the_permalink(); ?>” data-counter=”top”></script></div>
Google+ Button is working fine but Linkedin Share isn’t getting the desired result upon clicking… Can you please advise whats wrong where?
wpbeginner says
@ThomasRand-Nash No you cannot.
ThomasRand-Nash says
can you change the sizing of the like button?
Crysislevel says
buttons tutorials are my fav. unfortunately i dont use linkedin that much!
wpbeginner says
@SJCParis No you cannot use this on free WordPress.com sites…
SJCParis says
Can I put this button on a free wordpress blog?
wpbeginner says
You are welcome. Yes horizontal one works great, but if you have a floating share box like ours, then the vertical share box is good too.
Kavita says
Thanks for the code. I like the horizontal with count ideal for my blog.
Jeremy Victor says
can you tell me how to add this LinkedIn share button to your Smart Sharing plugin?
Thanks
Editorial Staff says
Copy and paste the LinkedIn script code that we share in this article in the custom code section…
Administrador
Holly says
Thanks for this. I pasted the code in the custom code section, but it’s not working…says “there’s a problem performing this action.” Any help would be greatly appreciated.
Editorial Staff says
Which custom code section?
Keith Aul says
I’m not to sure what you mean by the following?
To add the Official Linkedin Share button simply open up a theme file of your choice (single.php etc) and add the following code within the Post Loop
I don’t want to break anything on my site so I want to be sure I’m able to find the right file and open/edit it. Where would I find the theme file in my dashboard and where in the file do I post the code?
Editorial Staff says
You will find the theme file in your theme’s folder wp-content/themes/yourthemename/ < Editor and edit single.php file. If you have no knowledge regarding WordPress, then we recommend that you wait till a plugin comes out.
Administrador
brad dalton says
How long do you think it will take to build a plugin?
Editorial Staff says
Plugins are probably built and are in the review process to get live in the repository.
Administrador
Dana says
Thanks, great article! Where’s your share button?
Editorial Staff says
We will be adding it soon on the site
Administrador
Piet says
Finally LinkedIn did this, a week too late though, but I managed to make something similar for myself.
Next time I need it, I will just grab your code, thanks!
Eleanor says
I am not a developer, but I found this plugin a few minutes ago. Thank you for the tutorial!
http://wordpress.org/extend/plugins/linkedin-share-button/
Editorial Staff says
This plugin does not have the count option available.
Administrador
Jose Joel says
The Share This Plugin have the option to add the LinkedIn Button as simple as writing linkedin the editing section of the plugin…and this one have count…
Note: I’m not the developer of this plugin, neither work for them, I’m only a regular user…
Jon Bishop says
I’m happy LinkedIn finally did this. I tried to use their API to make my own for the Socialize plugin but it ended up being a pain. I was able to finally use this code to update the plugin with the new LinkedIn button.