Connect social media data to a design

Titler Live can curate and display live social media posts and reactions in your graphics, including Twitter feeds, Facebook Live and YouTube Live comments, Facebook reaction polls, and more. If you're licensed for Titler Live Broadcast, Complete, or Social, complete the steps in this article to connect to a social media channel.

Note: Some of the social media features that are described in this article are not available in Titler Live Sport, Present, or Express. However, if you have one of those products, you can include Facebook Live comments in your design. Please see Connect Facebook Live comments to a design for details.

Tip: If you're licensed for Titler Live Broadcast, you can include real-time YouTube Live alerts in your design. See Connect YouTube Live alert data to a design for details.

  1. In Titler Live's playout interface, open a project (if a project isn't already open) and select a graphic in the playlist.

    Tip: Want to create a new graphic? Open the Library panel and drag a design from the library to the playlist. The Library's Inputs > Social section includes several designs that were created specifically to display polling results from Facebook comments and reactions. If you create a new graphic with a social design from the library's Inputs section, your graphic is already connect to a social input, so go to step 3. If you create a new graphic from the library's Designs section, complete step 2 to add the social input to your graphic.

  2. Choose Inputs > Social > Social Pro and select an input to add that input to your graphic.

    The Social Pro input appears in the Input drop-down list in the Attributes panel and in the playlist for that graphic. In addition, the Social Pro input and its variables appear in the Edit / Preview panel.

    Tips

    • You can also add inputs to a graphic from the Input drop-down list in the Attributes panel or playlist.
    • To remove an input from a graphic, right-click (Windows) or Control + click (Mac) on the name of an input in the Edit / Preview panel and choose Remove input.
  3. Click the Show Inputs button in the Edit / Preview panel to view the Social Pro input and variables. (If the input's variables aren't visible, expand the Social Pro list.)
  4. Click and drag a Social Pro variable onto an object in your graphic. Repeat this step for each variable you want to include in your graphic.

    Tip: To disconnect a variable from an object in your graphic, right-click a variable in the Edit / Preview panel and choose Disconnect variable.

    input-social-pro-preview.png

  5. In the Social Pro panel, click a social media button for type of data you want in your graphic.

    • social-btn-facebook-live.png Facebook Live
    • social-btn-facebook-posts.png Facebook Posts
    • social-btn-twitter.png Twitter
    • social-btn-youtube.png YouTube Live

    input-social-pro.png

    Tip: If you want to access and curate your social media feed from your Internet browser instead of from Titler Live's Social Pro panel, click the Open in Browser button in the Social Pro panel.

  6. Click the Login button. A new login / authorization window opens.

    If you're using your Internet browser instead of Titler Live's Social Pro panel and you don't see the login / authorization window, your internet browser's pop-up blocker may have prevented the window from opening. Check your browser for blocked pop-ups and open the blocked window or temporarily disable your browser's pop-up blocker.

  7. Follow the on-screen instructions in the login / authorization window to log in or connect to the social media account that you want to include in your graphic.
  8. To set up and broadcast a social media feed, complete the steps in one of the following sections.

Facebook Live

  1. Enter the Video URL that you want to monitor for comments or reactions.
  2. In the social media screen, click the Facebook Live section that corresponds to your graphic and complete the following steps.

    Comments:

    1. If you don't want to include every comment in the feed, enter one or more words in the Search and/or Exclude from search fields to include or exclude comments that match specific terms. You can use Boolean operators (and, or, and not) and quotations to refine your search.
    2. To further refine the types comments that Titler Live includes in the feed, mark the checkbox for any of the filters.
    3. If you want Titler Live to regularly monitor Facebook Live and update the feed, mark the Get comments checkbox and enter a number, in seconds, for how frequently Titler Live should check for comments.
    4. Click the Get Comments button to display comments in the feed.
    5. If you want to add comments to a playlist before playing those comments in your graphic, click the Open Playlist button to open the Playlist panel, then click the + button next to each comment that you want to add to the playlist.
    6. Click the Play actions-btn-live.png button next to each comment that you want to display in your graphic.

    Reaction Polling:

    1. Select a Facebook reaction for each response you want to include in your poll.
    2. Mark the Poll from beginning of video checkbox to include all responses, including responses posted before you start polling.
    3. Click the Start Polling button to start the poll and display poll results in your graphic.

    Comment Polling:

    1. Enter a word for each response that you want to include in your poll. (Click the + button to add additional responses.)
    2. Click the Start Polling button to start the poll and display poll results in your graphic.
  3. In Titler Live, select the desired output from the Outputs menu.
  4. In Titler Live's playlist, click the graphic's Play actions-btn-live.png button to start the broadcast.

Facebook Posts

  1. If you don't want to include every post in the feed, enter one or more words in the Search and/or Exclude from search fields to include or exclude posts that match specific terms. You can use Boolean operators (and, or, and not) and quotations to refine your search.
  2. Mark the Filter Profanity checkbox if you want to exclude posts that include profanity.
  3. Click the Get Posts button to display comments in the feed.
  4. If you want to add posts to a playlist before playing those posts in your graphic, click the Open Playlist button to open the Playlist panel, then click the + button next to each post that you want to add to the playlist.
  5. Click the Play actions-btn-live.png button to display that message in your graphic.
  6. In Titler Live, select the desired output from the Outputs menu.
  7. In Titler Live's playlist, click the graphic's Play actions-btn-live.png button to start the broadcast.

Twitter

  1. If you don't want to include every tweet in the feed, enter one or more words in the Search and/or Exclude from search fields to include or exclude tweets that match specific terms. You can use Boolean operators (and, or, and not) and quotations to refine your search.
  2. To further refine the types of tweets that Titler Live includes in the feed, mark the checkbox for any of the filters or click the Attitude filter.
  3. If you want Titler Live to regularly monitor Twitter and update the feed, mark the Get comments checkbox and enter a number, in seconds, for how frequently Titler Live should check for tweets.
  4. Click the Get Comments button to retrieve tweets.
  5. If you want to add comments to a playlist before playing those comments in your graphic, click the Open Playlist button to open the Playlist panel, then click the + button next to each comment that you want to add to the playlist.
  6. Click the Play actions-btn-live.png button to display that message in your graphic.
  7. In Titler Live, select the desired output from the Outputs menu.
  8. In Titler Live's playlist, click the graphic's Play actions-btn-live.png button to start the broadcast.

YouTube Live

  1. In the Chat Source drop-down list, select a channel that you're currently live-streaming from your YouTube Live account, or select Other if you want to enter a URL or video ID.
  2. If you selected Other in the previous step, in the Video ID field, enter the URL or video ID that you want to monitor for comments or reactions.
  3. If you don't want to include every comment in the feed, enter one or more words in the Search and/or Exclude from search fields to include or exclude comments that match specific terms. You can use Boolean operators (and, or, and not) and quotations to refine your search.
  4. Mark the Filter Profanity checkbox if you want to exclude comments that include profanity.
  5. Click the Get Posts button to display posts in the feed.
  6. Click the Get Comments button to display comments in the feed.
  7. If you want to add comments to a playlist before playing those comments in your graphic, click the Open Playlist button to open the Playlist panel, then click the + button next to each post or comment that you want to add to the playlist.
  8. Click the Play actions-btn-live.png button next to each comment that you want to display in your graphic.
  9. In Titler Live, select the desired output from the Outputs menu.
  10. In Titler Live's playlist, click the graphic's Play actions-btn-live.png button to start the broadcast.
Was this article helpful?
1 out of 1 found this helpful
Have more questions? Submit a request