6 Replies Latest reply: Aug 29, 2014 3:01 PM by IvyArmy RSS

    Not your regular twitter feed

    IvyArmy Community Member

      Can someone please tell me how to create this twitter feed on my webpage using HTML, CSS, JS.  Don't just ID it for me I already know what it is.  This is the website twitter feed I want to copy : thinkthrive.com

        • 1. Re: Not your regular twitter feed
          Ben Bishop Community Member

          You haven't specified their Twitter feed. Do you know the Twitter username?

          • 2. Re: Not your regular twitter feed
            IvyArmy Community Member

            You mean you can't tell just by looking at there website scroll down and look at there footer where the live twitter feed is

            • 3. Re: Not your regular twitter feed
              Ben Bishop Community Member

              I couldn't tell by looking at the site, AdBlock stopped it from loading. But not to worry, I fired up a different browser and saw the Twitter timeline.

               

              Don't just ID it for me I already know what it is.

              So you already know this is a Wordpress plug-in called Rotating Tweets?

               

              You don't give much information about your current website. I don't suppose you are using Wordpress? Does your site use PHP, JQuery? Are you savvy with Javascript? Are you looking for a client-side only solution?

               

              If you want to roll your own Tweet scroller, you need to do three things:

              1. Authenticate with the Twitter API
              2. Get the tweet data - e.g. using Twitter's REST API to get the data in JSON format.
              3. Display the tweets on the page - Twitter does have Display Requirements that are meant to be followed when using their API.

               

              A nice way of doing it would be to authenticate, fetch the tweet at appropriate intervals and store the data server-side, then either pre-render the tweets on the page or have your JS tweet scroller request them from your server. This minimises the impact on Twitter and provides a robust feed to your visitors.

              • 4. Re: Not your regular twitter feed
                IvyArmy Community Member

                sorry I'm using html, css and java what do I do to each for my website to have a live twitter feed could you explain that to me please this is the html code that I have for twitter and a print screen.

                 

                Untitled-1.jpg

                this is the html code that goes with it

                 

                        <!-- Twitter -->
                  <div class="four columns">
                   <h3></h3>
                   <ul id="twitter">
                             <li>@lauraheart This is the authors instructions to make your theme like the demo!<br>
                <a href="https://twitter.com/RootMarketingCo"> 31 minutes ago</a></li>
                                <li>@segnorablue It may take up to 5 days to process. Thanks!<br>
                <a href="https://twitter.com/RootMarketingCo">37 minutes ago</a></li> 
                      </ul>

                   <div class="clearfix"></div>
                  </div>
                       

                or I could make it live for a minute or two on the web so you could look at everything.  But that would require a phone call to let me know when you can see it and that you got what you needed.

                 

                 

                 

                 

                 

                 


                • 5. Re: Not your regular twitter feed
                  Ben Bishop Community Member

                  Twitter restricted access to their API last year. thinkthrive.com uses a Wordpress plugin (written in PHP) that handles the Twitter authorisation (via OAuth) in order to get tweet data, then use JS and CSS to display them. However, the resulting tweet display does not meet Twitter's Display Requirements - the risk, however slim, is Twitter might block access for non-compliance.

                   

                  If you're limited to copy/paste coding, then Twitter's Embedded Timeline widget might be your easiest option. This will get your tweets on the page with one line of HTML, however you won't get them styled as per your design or the scrolling effect functionality.

                  Embeddable timelines make it easy to syndicate any public Twitter timeline to your website with one line of code. Create an embedded timeline from your widgets settings page on twitter.com, or choose “Embed this…” from the options menu on profile, search and collection pages.

                   

                  With a bit more work, you could tweak a JS-only component like Jason Mayes' Twitter-Post-Fetcher

                   

                  Take a look at the code, half-way down the JS file are detailed instructions.

                  • 6. Re: Not your regular twitter feed
                    IvyArmy Community Member

                    I'll pay you $30 bucks to do it for me and one other small problem?