Cards: Display Twitter Tweets and Hashtags

The Twitter card allows users with a Twitter account to access and display Twitter posts, keeping employees engaged while increasing the organization’s social media presence. The card is built using the new Appspace integration with third-party systems that leverages standard technologies to create long-lived, authenticated, and secure connections.

An initial connection must be established between Appspace and a Twitter service account, which is then stored in a virtual passport in Appspace and can be used until the service account revokes or cancels the integration. The passport will allow the card to establish a connection with the third-party system at runtime.

Note
Read more about the integration architecture and how it all connects here in the Introduction to Appspace Integrations.
Important
Please refer to our Introduction to Cards guide for an in-depth introduction to the types of cards that are ideal for your signage solutions. Visit our Appspace Card Gallery to find the perfect template to deliver your message.

With the introduction of Content Categories in Appspace 8.0 ac.22, the Social card template is assigned with the Culture & Values content category.

This article provides instructions to create, configure, and customize the Twitter card, which is built with the Social card theme:

Prerequisites

Authenticate Twitter Account

Follow the instructions below to authenticate a Twitter service account with Appspace:

Note
Appspace Account Owner or Publisher permissions are required. If you do not have the required permissions, you may still create the Twitter passport by clicking the Set up a new passport link when configuring the Twitter card.
  1. Log in to the Appspace console.
  2. Click the ☰ Appspace menu, and click Integrations.
  3. Click the Passports tab, and click the +ADD button.
  4. Select the Twitter passport, and click CONNECT. Proceed to authenticate the passport, and grant permissions to access the Twitter account. You may be required to sign-in with your Twitter credentials if you are currently signed out.
  5. Follow the on-screen instructions to continue to configure the Twitter passport.
  6. Once authenticated, in the Account Settings tab, you may perform the following actions:

    • Change the name of the passport, by entering a different name in the Name field.
    • View the Account ID of the passport.
    • View the App Permissions granted to the passport.
    • View and refresh the Status of the passport.
    • Remove the passport, by clicking the Remove Account button.
  7. In the Permissions tab, you may grant the following users or user groups permissions to view or edit this passport configuration at any time:

    • Enter and select the user(s) or user group(s) from the drop-down list, or click the Find users or user groups link, and select the desired user(s) or user group(s). Proceed to grant either Can Manage or Can View permissions by clicking the Select permissions drop-down menu.
    • You may also view or remove the user(s) or user group(s) that have already been granted permissions, by clicking the delete icon.
  8. You may proceed to the Create and Configure Twitter Card section below.

Create and Configure Twitter Card

Follow the instructions below to display Twitter posts.

  1. Log in to the Appspace console.
  2. To create this content, select one of the following options:

    • Click +QUICK ACTION from the Appspace menu bar on the top right, and select Create Content.
    • Click Library from the ☰ Appspace menu, and select the library or folder you wish to create the content in. Click the +CREATE button arrow, and select Content.
    • To create and add the card directly to an existing channel, refer to Add Content to Playlist Channels from Library article.
  3. Select the Social tag, and select Twitter.

    Important
    If you are unable to locate the content, try using either the Search bar, the Order by, or Filter icon to narrow down the content that you are looking for.
  4. Enter the Title of the content as this will also act as the file name for the content. This is a mandatory field.
  5. In the Card section, select the Twitter passport created earlier, or you may click the Set up a new passport to create one.

    Note
    If you are creating a new Twitter passport, proceed to follow the on-screen instructions to authenticate the passport, and grant permissions to access the Twitter account. You may be required to sign-in with your Instagram credentials if you are currently signed out.
  6. Select the source of the Twitter postings from the drop-down menu:
    • My Account – Select the Twitter account to be used. The availability in the drop-down list will depend on the account used to create the authentication passport earlier.
    • Specific User Account – Enter and select the Twitter account to be displayed. Only posts that are made public will be displayed.
    • Hashtag – Enter and select the hashtag of posts to be displayed. Only posts that are made public will be displayed.
  7. Click Select Account to confirm.
    Note
    Possible errors:

    • If the hashtag keyword search query returns no results, the following message is displayed, ‘No hashtag could be found with those keywords.
    • If the service does not have the appropriate permissions when querying an external Twitter account, the following message is displayed, ‘The current user has not granted Appspace access to any Accounts.‘ Check the passport configuration.
    • When loading My pages/My account, if empty results are returned, the following message is displayed, ‘You have not allowed Appspace to access any of your pages. Please revoke and re-authenticate your passport.
  8. In the Edit tab:

    • Select the Layout that will be displayed:
      • If Single Post is selected:
        • Enter the Number of Recent Posts Displayed to set the total number of recent posts that will be retrieved from the account.
        • Enter the Number of Posts Per Playback Loop to set the number of posts displayed within each playlist channel playback loop.
        • Enter the Post Duration to set the duration of each post displayed.
      • If Gallery is selected:
        • Enter the Number of Recent Posts Displayed to set the total number of recent posts that will be retrieved from the account.
    • In the Display Options section, click the arrow to expand:
      Enable or disable the desired display options below by moving the slider.
      • Enable Video – Allows posts with videos to be displayed. Enabled by default.
      • Show Logo – Displays the Twitter logo. Enabled by default.
      • Show Post Timestamp – Displays the timestamp of the post. Enabled by default.
      • Keep Media Aspect Ratio – Disabled by default.
        • If enabled in Single Post layout, the image or media is displayed in its original aspect ratio, with the background being a blurred version of the image or media.
        • If enabled in Gallery layout, the image or media fills the width of the post, with the height while maintaining aspect ratio.
      • Enable Transition – Allows transitions between posts. Enabled by default.
        • Select one of the following transitions from the drop-down menu:
          • Slide Bottom
          • Slide Random
          • Swoop Left
          • Swoop Right
          • Swoop Top
          • Swoop Bottom
          • Swoop Top-Left
          • Swoop Top-Right
          • Swoop Bottom-Left
          • Swoop Bottom-Right
          • Swoop Random
        • Select up to two Transition Colors.
    • In the Design section, click the arrow to expand:
      • Customize the Text Color and Hashtag Color.
      • Customize the Card Color. Only available in Gallery layout.
      • Customize the Background Color or Media.
    • In the Post Filters section, click the arrow to expand:
      • Enable Profanity Filter – ON by default.
      • Enter the keywords in the Posts must contain field, to display posts containing only those keywords.
      • Enter the keywords in the Posts cannot contain field, to hide posts containing those keywords from the display.
  9. In the Article tab:
    • Include an Article or Caption to accompany the content item when being displayed on mobile apps, tablets, and other social collaboration apps.
    • Enter a Referral Link to link more information to the content.
  10. In the Schedule tab:
  11. In the Settings tab:

    • The Name field will be auto-populated to match the Title of the content which will also act as the filename for the content. This is a mandatory field.
    • Select the Content Category from the drop-down menu to match the focus of the message, or leave it at the default content category.
    • Enter any relevant Tags for the content. (Optional)
    • Select a folder for the content in the Library Location drop-down menu to change the default folder location.
    • Select an expiry date for the content from the Auto Delete Content from Library drop-down menu. (Optional)
    • Upload an image to be used as the Thumbnail for the content.
  12. Click SAVE.
  13. Proceed to the edit section below to add the card to a channel, preview the card, or view analytics once available.

Edit Twitter Card

The instructions below show you how to edit a Facebook theme Social card.

  1. Log in to the Appspace console.
  2. Click Library from the ☰ Appspace menu, and select a library or folder containing the content you wish to edit.
  3. Select and click the Facebook theme Social card to edit, and select the desired tab to edit or view.
    • In the Edit, Article, and Settings tabs:
      • You may edit the content the same way as it was configured. For detailed instructions on how to do this, please refer to the Create and Configure section above.
    • In the Preview tab:
      • Preview how the content is displayed on your device.
    • In the Channels tab:
    • In the Analytics tab:
      • View the individual content analytics in this tab. For more information, please refer to the Individual Content Analytics section of the Analytics article.
  4. Once done, click SAVE.
Related Articles
Latest Articles