Homepage & Widgets: Add a Twitter Widget to your Course Homepage

Faculty can add a Twitter widget to their Course Homepage by creating a customized Homepage.  Follow the steps below to  create a homepage and also add a Twitter widget to display within the course.

Create a Twitter Widget and a Custom Homepage

  1. Log in to TCU Online, then select the course you want to add the widget.
  2. Select Course Admin from the Navigation bar.
    course admin
  3. Select Homepages from the Tools list.
  4. Select Widgets, then click the blue “Create Widget” button.Create Widget
  5. Enter a title and description for the widget. In the example below, I simply called it Twitter. [ Note, you can create a widget for a hashtag (#SMITH10803 for example) or an account.]
    Twitter Widget
  6. Click Save, then select the Content tab.
  7. At this point, you need to open a new browser window or tab, and navigate to http://www.twitter.com.
  8. In the Search Twitter field, type the account or hashtag you want to create a widget for.  I’ll give both examples below:
    • Create a widget for a Twitter account
      • Search for the account on twitter.com and then select the “gear” next to the account’s name. Then select Embed This Profile. TCU Twitter
      • Then, select Embedded Timeline.
        Embedded Timeline
      • Select copy code.  Then continue on to step 9 in the instructions below.
        Copy Twitter Widget Code
    •  Create a Widget from a Hashtag
      • Go to publish.twitter.com and enter the hashtag you wish to use then click Enter/Return on your keyboard. In the example below, I used #gofrogs.
        Go Frogs Search
      • The embed information will display on the page.Embed Hashtag
      • Optional: Select “set customization options” and enter your preferred custom settings.
      • The HTML code will appear below the preview on the right side of the screen at the bottom.  Click your mouse on the code (or click the “Copy Code” button) and the code will be copied.
        Copied Code
  9. Return to the browser tab/window with your course’s Edit Widget page and select the HTML Source Editor.HTML Source Editor
  10. Paste the code you copied from either the profile or the hashtag search widget you created in Twitter.
  11. Click Save. [NOTE: the visual editor will display something like “#gofrogs Tweets” or “@TCU on Twitter”- that is OK. The full widget will appear when it is added to a Homepage.  Click Save and Close.
  12. Select the Homepages link at the top of the page, and click Create a Homepage.
  13. Give the Homepage a title, such as ENGL 10803 Homepage. In my example below, I will call it Design 101 Homepage. Give it a description if you choose, then select the type to be “Widget-based.”
  14. KEEP the Homepage Header, so that it is easier for support to assist you with this course, and for consistency between courses for students.Include Homepage Header
  15.  Select your Layout by clicking “Change Layout.”  [Note: typically the more simple layouts work best.] In my example below, I am using Basic Plus layout.
  16. Then select Add Widgets in each of the layout panels to add your widgets.
    Add Widgets to Homepage
  17. The Add Widgets pop-up window filters the widgets into System Widgets and Custom Widgets.  Select each tab at the top.  Check the box next to each widget you want to add. Your Twitter widget will appear under the Custom Widget filter.widget options
  18. The Koehler Center recommends that you include the Announcements widget on your course home page always.
  19. If you want to move your widgets to other panels in the layout, simply drag and drop them to the desired location. Once you have everything set where you want it, click Save and Close.
  20. Next, set your Active Homepage, by selecting the drop down menu on the top of the page, to your new Homepage and click Apply.
  21. Select your course from the on the Minibar to refresh the page and take you to the Homepage.  If you decide to shift your widgets to other panels, simply return to Course Admin>Homepages and select your Homepage to modify it.

TCU-specific Documentation Tags

acceptable access accessibility accessible accommodations activate activate course activities ada additional additional time android annotations announcements anonymous app apple apps assignment grader assignments athlete attachment attendance audio auditor best practice binder blind marking bonus bookmark bookmarks calendar cancelled course categories category chat class engagement classlist class progress combined combined shell content content tool copy copy course course access course admin course home course offering course shell course snapshot course title crash course data dates design disability discussion discussions document storage draft dropbox dropped email email all classes email groups embed end date engagement english enroll enrollment enrollments exam exams exempt exempt grade export export grades extend access extension extra credit extra time Facebook faq far file file extensions files file size file types final adjusted grades final calculated grades final grades force locale french GA google drive gradebook grade item grademark grades grading group chat groups guest history homepage homepages hours tracking html html editor html template html templates hyperlink import import grades inactive individual insert stuff instructor instructor presence instructors intelligent agents iPad item items journal journals kanopy known issue language library database limit link locale lockdown browser locker Log In login bookmark LOR manage dates master courses math missing class monitor mytcu name new faculty notifications offset offset dates originality overview password peoplesoft permissions personalize photo platform requirements post practice run preferences preview grades professor published publish grades pulse question library question pool questions quick link quicklinks quiz quiz import quizzes random sections record video release conditions replace strings reply-to report request request bookmark reset reset quiz respondus restricted roles role switch rubrics scantron schedule scorm section change sections self-enroll set dates settings setup wizard shared shared shell shell shuffle snapshot solution spotlight sos spanish special access special class start date student student grades students study abroad submission folder submission view submission views TA table of contents teaching assistant technical requirements template test text time tips tool access trademark turnitin twitter update profile updates upload content user profile verify enrollments video video note viewer virtual classroom visibility web conferencing widget widgets