What is the analyze content component?

This component enables the user to select countries and topics to make a side-by-side comparison

Why use the analyze content component?

The analyze content screen template enables you to create an interactive side-by-side comparison for your app. The data should be stored in a data source to enable displaying a comparison by selecting a topic.

Ever wondered what the difference in population or GDP was between the USA the UK and Brazil? You can now easily add this feature to your app and see this information side by side.

Get Started

Prerequisite: To use the analyze content component you should have your comparison data added to a data source already. Alternatively, use our screen template data, which contains information about different countries.

To set up the analyze content component you will need to:

  1. Add the analyze content component
  2. Add data
  3. Configure comparison topics
  4. Select subcategories 
  5. Configure results
  6. Test content comparison 

Step 1 – Add the analyze content component

  1. Add the analyze content screen template using the “Add screens” button

Step 2 – Add data

  1. Select the analyze content component on the screen
  2. Using the settings menu on the right, under “select a data source” click change data source to add your own data
  3. Alternatively use the sample country-based data
  4. If you decide to create your own set of data for comparison, take a look at the existing data source and follow a similar structure to create your own

Step 3 – Configure comparison topics

  1. Using the settings menu, under “select main topic” choose the main topic where you will start your comparison. This list will include all fields from your data source for you to choose from
  2. If you would like to choose an image to display, select the relevant field from the “select title image” dropdown
  3. Using the rich text box add an optional title and description for your comparison
  4. Write your question title 
  5. Enable Grouping – tick enable if you have multiple categories in your data. For example, countries have regions and data will be shown by region in an accordion style.
    If enabled, the grouping title will be displayed in the results screen under your main topic title

Step 4- Select subcategories

  1. This section enables you to choose subcategories of your main topic for comparison
  2. To add a new category, click on add subcategory
  3. This will create a new field, click on it to open the dropdown where you can select your subcategory from the selected data source and the subcategory type
  4. The subcategory type field can be displayed in multiple ways
    1. Show as list image – Select this option to display images in the comparison results list
    2. Show as title image – Select this option to display the image next to the title in your results
    3. Show as a single line of text – Select this option to display the results in one line
    4. Show as multiple lines of text in an accordion – Select this option if you have more than one sentence to display
  5. Re-order your subcategories by clicking and dragging on the dots icon on the left side of your answer title
  6. Delete by hovering over the subcategory title and clicking on the trash can icon

Step 5 – Configure Results

  1. This section enables you to configure how your content analysis results will be displayed to the user
  2. Using the rich text box, create a message for users that displays the results.
  3. Share results with other users – tick enable to give users the option of sharing their results with other users via email, LinkedIn, Twitter, Facebook or by copying the URL
  4. Send an email to request assistance – tick enable to allow users to request assistance.
    1. Add an email address to send the assistance request to
    2. Using the rich text box, configure an email template
    3. The following variables can be used:
      1. {% pageUrl %} – This will display the web app URL for the quiz screen
      2. {% appUrl %} – This will display the web app URL
      3. {% appName %} – This will display the name of the app
      4. {% URL %} – This will display the results URL
  5. Save results – Tick yes to save the result to a specified data source 
    1. Select the data source from the drop-down list
  6. Create an email to send the results via the device/browser – tick enable if you wish to give users the option to send their assessment results via email
    This feature will open the user’s email app where the email text can be edited before sending it
  7. Use the rich text box to configure the email template
    The following variables will add results data to the email

    1. {% pageUrl %} – This will display the web app URL for the quiz screen
    2. {% appUrl %} – This will display the web app URL
    3. {% appName %} – This will display the name of the app
    4. {% URL %} – This will display the results URL
  8. Link users to an expert directory – tick enable to add a link to an expert directory screen in your app
    1. Select a screen to direct users to
    2. Select an animation for how the screen will appear
  9. Once you have configured your settings, click save & close

Step 6 – Test content comparison

Once you are happy with your analyze content screen we recommend testing if the comparison works as expected

  1. To test your content comparison, go to preview mode
  2. Select all of the options you would like to compare, and then click next
  3. Select the subcategories 
  4. Ensure your content comparison is correct

Was this article helpful?