Free guide · For beginnersTikTok LIVE Studio

Purpose of observation in TikTok LIVE Studio: adding a widget bar

The target bar can be provided by a separate tool and shown in the LIVE Studio scene. In this tutorial, we use this embedding method, using the example of a target that handles TikTok events. You set the goal value with the provider, and you control the size and visibility of the source in the broadcast program.

Thunderstream team9 min read3ViewsUpdated:

Determine the meaning of the counter

"New follows during stream" and "total followers" are different pieces of information. Check the definition of the selected widget and its starting point. Adjust the title so that viewers understand the result.

Also decide when you end or reset a goal. Establishing the origin before adding the source prevents you from having to correct the result later by accidentally entering values.

A dictionary without difficult abbreviations

A dictionary without difficult abbreviations
ConceptWhat does this mean in practice?
SceneReady-made image layout: e.g. a game with a camera or a break board. The scene you choose determines what you show.
SourceOne scene component: game, camera, text, audio, or page with overlay. The order of sources determines what covers what.
URLFull web address. Copy it using the button in the panel; do not copy fragments and do not add spaces.
EventNew information from the platform, such as a message, observation or gift. The appearance test is not always an actual event.
ResolutionThe width × height of the area, e.g. 1920 × 1080. This is different than shrinking the source rectangle with the mouse.

Step by step · 1–4

  1. Action

    Record whether you need new observations from LIVE or your account total score.

    ✓ After this step you will see

    You know what the number on the stage is supposed to mean.

  2. Action

    Open the correct account and scene in LIVE Studio.

    ✓ After this step you will see

    You configure the channel you are broadcasting on.

  3. Action

    Check available built-in targets in the sources menu.

    ✓ After this step you will see

    You do not assume that the purpose of gifts is the purpose of observation.

  4. Action

    If you have an observation target, select it and open its editor.

    ✓ After this step you will see

    The unit is observations.

TikTok LIVE Studio: Real-world example of adding an external alert screen. The appearance of the menu depends on the release and availability of the Link source.Enlarge the screenshot ↗
TikTok LIVE Studio: Real-world example of adding an external alert screen. The appearance of the menu depends on the release and availability of the Link source.Actual screenshot from official documentation. The version and language of the program may be different from yours.Photo source: TikFinity · Source verified: 2026-10-27

Step by step · 5–8

  1. Action

    Enter a clear title and target number.

    ✓ After this step you will see

    The viewer understands the significance of the result.

  2. Action

    Set the starting value according to the selected range.

    ✓ After this step you will see

    You don't zero out your entire account just to start the challenge.

  3. Action

    Choose contrasting text and background.

    ✓ After this step you will see

    The bar is clearly visible above the game.

  4. Action

    If the target you need is not available, set up the widget with a provider that supports it.

    ✓ After this step you will see

    You have a goal and link saved separately.

Step by step · 9–12

  1. Action

    Copy the URL of the appropriate widget and add the Source Link if available.

    ✓ After this step you will see

    LIVE Studio displays the bar only.

  2. Action

    Set the source to a compatible size and place it above the game.

    ✓ After this step you will see

    You don't cut the end of the strap.

  3. Action

    Save your changes and reopen your goal settings.

    ✓ After this step you will see

    Values ​​are permanent.

  4. Action

    Check out the appearance test and then the new sighting during LIVE.

    ✓ After this step you will see

    You confirm both action steps.

Streamlabs: Actual Follower Goal settings. Check the start, goal and deadline in your configuration.Enlarge the screenshot ↗
Streamlabs: Actual Follower Goal settings. Check the start, goal and deadline in your configuration.Actual screenshot from official documentation. The version and language of the program may be different from yours.Photo source: Streamlabs · Source verified: 2026-10-27

Step by step · 13–14

  1. Action

    Note the current result before manual reset.

    ✓ After this step you will see

    You can explain the change in value the next day.

  2. Action

    Check the image on your phone.

    ✓ After this step you will see

    The title and numbers are not hidden by the platform interface.

An example you can reproduce

The "20 new follows" goal is different than "the account has 2,000 followers." In the first case, you start the challenge from 0. In the second case, you need the current number of the entire account. The stage caption should clearly indicate which meaning you have chosen.

Prepare a working target with the supplier

If the tool requires connection to an active broadcast, please confirm this separately. The artificial preview itself does not prove the receipt of new observations. Also check the current availability of options on your account.

  1. Open a tool that supports the TikTok goal, e.g. Goal Overlays in TikFinity.
  2. Select Follows or the corresponding goal type.
  3. Set the title, threshold and available behavior upon achievement.
  4. Perform an appearance test and copy the address of this specific target.

Add a bar to the LIVE Studio scene

Do not paste the address of the settings page or the TikTok profile itself. You need the widget display address. When you're creating multiple goals, stick to a nomenclature that distinguishes follows from likes.

  1. Select a scene and add a Source Link in a supported version of the program.
  2. Paste the entire widget address.
  3. Enter the appropriate dimensions and give the source a name that describes the target.
  4. Place them over the game or background and check the visibility of the entire bar.

A bar on a vertical screen

Don't stretch the source unevenly just to fit into a narrow stage. Adjust the layout in the widget settings, if it allows it. View the result in a zoomed-out preview that resembles the recipient's screen.

A bar on a vertical screen
ElementReadability test
TitleA short description that does not go beyond the frame.
ValuesSpace for more digits.
FillingText readable when the bar is empty and full.
LocationNo collisions with the camera and important image elements.

Reaching the goal and another round

Run a near-threshold test in the vendor tool. Check the full bar and possible action once the result is achieved. The final response may require an additional properly connected alert screen.

Before the next transmission, check whether the target should be continued or reset. Maintain the result consciously - changing the scene or color should not replace a planned reset decision.

The bar is visible, but the number does not increase

Record the time and type of rehearsal. Don't do multiple resets in a row or you'll lose the ability to compare your starting point. One correct event and two result readings provide more useful information than accidental changes to a few fields.

  1. Check your account and active LIVE with the widget provider.
  2. Confirm that the counter is for observations, not other activity.
  3. Compare the result in the supplier panel and on stage.
  4. If only the source is different, check the URL and reload; if both are standing, check the reception of events.

What do you see on the screen and how to fix it

Fix one thing at a time and try the same thing again. If you change several options at the same time, it will be difficult to determine what solved the problem. Don't delete a working source or entire configuration just because one widget isn't responding.

If you still need help, write down the program name and version, platform, approximate time of trial, expected result, and what actually happened. Attach a dump without passwords, keys and full private links. This description is much more useful than just the "not working" message.

What do you see on the screen and how to fix it
SymptomCheck firstDo it
Another counter is risingYou have selected a likes or gifts targetCheck the event entity.
No purpose for observationVersion or feature availabilityCheck official help and supported external widget.
The result does not correspond to the entire accountThe target counts new events since the startSpecify your signature or choose the correct counting method.
The title disappears on the phoneIt is covered by the TikTok interfaceMove the target to a safe part of the image and check the mobile preview.

Last attempt before use on LIVE

  1. Save the changes using the button assigned to the edited function. If there are separate forms, check each changed part separately.
  2. Open the settings again and compare the most important values. Simply moving the slider does not always mean a permanent save.
  3. Check the result outside the editor itself: on the target scene, in the recording, or in the reopened configuration.
  4. If the function uses the platform, separately acknowledge the new handled event during the active LIVE. Don't expect the appearance test to confirm account authorization.
  5. Save the working values ​​and make a copy before the next major change. Next time you start up, start with a quick check.

Before you go live

  • The title explains what is counted.
  • The correct destination and address have been selected.
  • The bar is readable in a vertical orientation.
  • Reception of activity and behavior once the threshold was reached was confirmed.
  • Reopened settings retain the saved values.
  • A single attempt is confirmed on the target output.

Frequently asked questions

Does the Link field have a target number of observations setting?

You set the threshold with the widget provider. The source in LIVE Studio displays the result.

Can I use any target from another platform?

You need a widget that supports the correct TikTok data. Check the platform and type of events.

What to do when the final animation does not appear on stage?

Check the action configuration and sources needed to display it. The bar itself and the separate alert may require different links.

What should I do if my screen looks different than the photo?

Check the program name, version and selected feature. The dump is real, but it's from a specific edition and language. Search for a described field by its task. If the option is not available, check the current official support and availability in your account.

Official documentation and further help