WordPressでTwitterのシェアとリツイートボタンを追加する方法

44件のコメント返信を残す

1. Jiří Vaněk

   I can only recommend buttons for Twitter and Facebook. They will increase your reach and possibly backlinks. Additionally, creating profiles for your website where people can find you and where you can provide more information is a great way to make yourself known. I have it implemented on my website as well; I would just appreciate some statistics. How many times has someone clicked on the button and made a tweet, and for which article, so I can have a better overview.

   返信

   • WPBeginner Support

     To help track that we would recommend taking a look at our guide for how to track button and link clicks with MonsterInsights below:

     https://www.wpbeginner.com/wp-tutorials/how-to-track-link-clicks-and-button-clicks-in-wordpress/

     返信

     管理者

     • Jiří Vaněk

       So, I understand it well that a similar thing cannot be done using Google Analytics, for example, and an external plugin such as Monster Sight is required for this? I ask because I try to use as few plugins as possible and use them for as many things as possible. That’s why I thought if I could solve a similar thing, for example, using Google Analytics.

       返信

       • WPBeginner Support

         It is possible but you would need to manually set up the markup in Google Analytics to add to your button which is why we recommend the plugin

2. Konrad

   Adding Twitter share and retweet buttons can indeed boost your social media presence. One thing to consider is the placement of these buttons for maximum engagement. It’s beneficial to conduct A/B testing to determine the most effective positions on your site. Additionally, make sure the buttons are clearly visible but not intrusive to the user experience.

   返信

3. THANKGOD JONATHAN

   This post has opened my eyes.
   I was reluctant to create a twitter account because I think I will not have the time to engage compared to other social sites I love using.
   But now I thing I will give it a try after reading this article.

   返信

4. jafar

   thank man

   返信

5. RandyDueck

   Thanks for the quick response. I’m not a programmer, do you know where I can get a peice of code and paste it in? Re: Count, I’m thinking then that when testing, If I use the tweet button to post to post to my own page, then twitter doesn’t tink it’s legit? However, I have another twitter acc’t that I tried tweeting to and it didn’t increase. Is there a way I can test it to see that it’s working? How do I know it’s a legit tweet or not? I’m surpirsed that Twitter seems difficult compared to FB @wpbeginner

   返信

6. wpbeginner

   @RandyDueck Twitter uses the new t.co shortner which only shorten links for their algorithm to make sure it is not SPAM… then it pastes the unshortened version… You have to utilize another API and write a bit of custom code to get the custom short URLs to work there…As far as the count, twitter button only shows count that it thinks are legit.

   返信

7. RandyDueck

   Thanks for this great little code snippet. I want the twitter button to be in the post excerpt and below the title of the single-post page. the code works fine. gives the correct title etc. however, it does not shorten the link, and after tweeting, the tweet count doesn’t go up. the site is thinkactloveloseweight.com Thank your response

   返信

8. KatrinaMoody

   Gretchen – all links should trace back to your permalink – so your permalink should be the source URL, not your short link … make sense? YOu can’t yet change the URL shortener if you use the official Tweet button ( I looked into it because I wanted to do a shortlink).

   Adding this so long after the original was posted because others might have that question!

   返信

9. KatrinaMoody

   I thought I would note that some themes change the value for the title and post url – meaning that the code will tweet with your code in quotes. I got a couple questions on Twitter over that one. I just found the different variables that worked for my site and replaced them. So …

   Line three: data-url=””

   was changed to %permalink% – which was my theme’s replacement

   Line five: data-text=””

   was changed to %post-title% – again my theme’s replacement

   I wouldn’t have been able to do this without your tutorial! Thanks SOOOO much! You are now my go-to resource!

   返信

10. idowebmarketing

    @wpbeginner @idowebmarketing Okay, there are two locations of this code, and I had only updated one!

    返信

11. wpbeginner

    @idowebmarketing @wpbeginner data-via is the only thing that needs to be modified in order to make the change.

    返信

12. idowebmarketing

    @wpbeginner @idowebmarketing Thanks – I added new blog posts to two of my blogs yesterday after implementing the updated code, however it still recommended wpbeginner on both. Is there any section of code that also needs to be updated?

    返信

13. wpbeginner

    @idowebmarketing On old posts it takes twitter while to figure it out. On new posts it should be fine.

    返信

14. idowebmarketing

    My blog is still recommending wpbeginner and I have updated the code. Here is the edited code:

    <script src=”http://platform.twitter.com/widgets.js” type=”text/javascript”></script> <a href=”http://twitter.com/share” data-url=”<?php the_permalink(); ?>” data-via=”idowebmarketing” data-text=”<?php the_title(); ?>” data-related=”imnewsdaily:Daily updates from the internet marketing industry” data-count=”vertical”>Tweet</a>Any idea what I am doing wrong?

    返信

15. Richard

    Thank you for posting this!! I have been trying to slove this problem for about three days now…

    do you have the same code for the facebook like button?

    返信

16. Gretchen

    I use the WP-generated shortlinks when tweeting about my posts, and have had troubles with those always showing in my Tweet count. The final bit of code on this site seems to work, though if you click to view the search results in Twitter it only shows the links to the actual permalink, not the links to the shortlink as well: http://bavotasan.com/tutorials/adding-tweet-button-wordpress/ It’s too bad WordPress and Twitter don’t count those as the same link somehow…

    返信

17. Zakir

    I can add javascript in header but it will degrade YSlow rating, currently it is B rating. I really work hard to make B from D. I opened a ticket to twitter technical team, they just sent me email providing some links which may help me to get my answer or open a new ticket if not. Thats so stupid. Twitter people think we didn’t see other answers! thats so frustating. Linkedin doing quite well , their share button updates within a minute.

    返信

18. Deepanshu

    hello sir sir how do i use this for pages ? i was able to do it for posts

    返信

19. Zakir

    In my above mentioned website, i used your code, index.php, single.php and other php file within loop.
    I can click the twitter tweet button and it shows count number, but if i refresh the page, that value goes away. Now after may be 1 hour if i check that article page, i can see the new count value. e.g. before i clicked the button it was 0, after almost 1 hour it shows 1. My question is why it took 1 hour to update. it should be updated immediately isn’t it?

    Now in front page which index.php, i used the code and again i used in single.php. User clicks an article from index.php and comes article page which is in single.php. The problem: count value is not synchronising the count from the index.php to single.php. I check it later it is but after almost 1 hour. so it is synchronising after almost 1 hour.

    Why? any idea.

    Recently I changed the .htaccess file to add expire headers to get some speed. i am getting that but today i removed that line and back to default .htaccess file. Do you think its something with .htaccess where caching is controlled by hour, minutes, seconds, months or even year. Even though if I enable caching, the twitter java script which is twitter server can’t force to use caching.

    Now I am not sure where I should look for to get immediate count value. client wants to see immediate count and synchronise with article page.

    Please check the http://www.bizgene.com to get an idea.

    Any clue or idea will be a great favour.

    I used following code for tweet count button:

    <a href="http://twitter.com/share&quot; class="twitter-share-button"
    data-url="”
    data-via=”bizgene”
    data-text=””
    data-count=”horizontal”>Tweet

    Zakir

    返信

    • Editorial Staff

      Zakir, We think this is a common bug going on with twitter API. We have been noticing a similar thing with our tweetmeme button regarding the count. It synchornizes the count almost after 20 – 30 minutes. Perhaps try adding the script part in your head codes and then display the a href part where you want the button to display might help.

      返信

      管理者

20. Simon

    I don’t get it. Using the data url link/button above gives just a t.co link and nothing else. Has something changed there or why doesn’t it output the values?

    返信

    • Editorial Staff

      Note, to get the_title(); or the_permalink(); you have to place this code inside the loop. If you place it outside a loop, then it will not give you a desired value.

      返信

      管理者

21. coz

    ARGH. This is what I tried but im replacing the greater-than/less-than symbols with brackets so it will hopefully show:

    [?php the_title(); ?] #[?php the_category(‘,’); ?]

    返信

22. coz

    um… last comment isn’t displaying the php… sorry. This is what i tried: (hopefully this will work)
    #

    返信

23. coz

    For DataText, im looking to add the title and category of the post as a hashtag. I can’t seem to figure out how to do it, being that I’m not too familiar with php.

    I tried: >>> data-text=” #”

    but that didn’t work. Any idea of how to do this?

    返信

24. S.Pradeep Kumar

    Nice tutorial. Finally I implemented that button on my blog. It will be nice if you can make a tutorial on how to customize it. I hate the default color. : |

    返信

25. Calítoe.:. (Cristina MJ)

    I’ve noticed that the count displays horizontally even if one specifies data-count=”vertical”. Does anyone know what’s wrong with that?

    返信

    • NG

      I’m having the exact same problem. Any idea how to fix it?

      返信

      • Editorial Staff

        Refresh the page… This usually happens when the twitter script is not loading fine. Try placing the twitter script part in the head section.

        返信

        管理者

26. CharityHisle

    I think I’ll stick to the tweetmeme version until the plugin is completely developed with all of the options for placement.

    返信

27. Rarst

    There isn’t much sense in filling out every setting, most of them work just fine without being set and will pick things like current URL and page title by default.

    Non-standard tag attributes will not validate (at least not as XHTML Transitional in my experience so far). Query arguments may not look as tidy, but they are more established and reliable.

    返信

28. Konstantin

    Alternatively, you could use WordPress’ very own add_query_arg() function, to create the url.
    Nice post though, and quick, too.

    返信

    • Editorial Staff

      Yup, we had to put it out quick because a lot of our twitter users said they wanted it.

      返信

      管理者

29. Amie

    Is there any chance I don’t have “The Loop” because I keep looking for this (or even a part of it) in my index file and it’s not there. Gah, I was hoping this would be easy!

    返信

    • Editorial Staff

      That really depends on what theme you are using. Every theme must have the loop to show the recent posts. You can try Otto’s plugin.

      返信

      管理者

30. DJ NightLife

    I used to have Topsy buttons… was about to switch for the official button but… It seems this version have a problem recognizing the real count of tweets. I had a post of 52 tweets and now it shows 8.

    返信

    • Otto

      They’re only counting tweets since July.

      BTW, the new tweet button is fully supported by my Simple Twitter Connect plugin for WordPress. Just so you know.

      http://ottopress.com/wordpress-plugins/simple-twitter-connect/

      返信

      • Editorial Staff

        Thanks Otto for updating your plugin. Your work is truly awesome Jut added the link in the post.

        返信

        管理者

31. Ted Thompson

    Helpful article, many thanks!

    返信

32. josemv

    Excellent, thanx !
    Any chance to include custom url shorteners, such as cli.gs or bit.ly ?

    返信

    • Editorial Staff

      No, twitter is using their very own service to verify the quality of link that is being tweeted.

      返信

      管理者