To see general settings for an Experience Builder app or template, click General to open the Experience settings or Template settings panel.
Item settings
You can use the following settings to add information and images that communicate your app or template's branding and purpose:
- Favicon—Change the app or template's favicon. The favicon is an icon that identifies your app or template's web page. It appears in browser tabs, browser history, bookmarks bars and drop-down menus, and search recommendations. You can pick from the default icons or upload your own icons.
Note:
Safari does not display Experience Builder favicons.
- Thumbnail—Change the app or template's thumbnail. The thumbnail is usually a preview of the app or template's content. It appears on the item details page, on the Content tab when you view items in a list or grid, and in either the template gallery or the experience gallery that opens when you launch Experience Builder. You can upload an image file from your device.
- Summary—Provide a short description of the app or template. Like the thumbnail, the summary appears on the item page and on the Content tab when you view items in a list or grid. The summary can be up to 2,048 characters. To include more in-depth information, you can write in the description on the app or template's item page.
Time zone settings
Choose how Experience Builder handles time-based data from different time zones. These settings are relevant if your app or template uses feature layers with date fields.
Since different feature layers might contain data recorded with different time zones, and the physical locations of both the servers hosting the data and the people viewing the app can be anywhere in the world, you have options for how to display time fields.
Choose one of the following options:
- Select Device time zone to have Experience Builder ask the user's computer for its time zone settings and display all time data using that time zone. This option is appropriate if you want users across the world to see times in their own time zone.
- Select Specific time zone to choose a time zone from the drop-down menu and display all time data using that time zone. This option is appropriate if you want users to see all data in one specific time zone, no matter where in the world they access your app.
- Select Data time zone to display dates and times based on, for layers, the time zone property or, for web maps, the time zone settings defined in Map Viewer. Experience Builder makes no adjustments to the display of date information.
Note:
To use the Timeline widget, date and time data must be synchronized to one time zone, so the Timeline widget is only available if you choose Device time zone or Specific time zone.
Note:
For web scenes added to a Map widget, time zone settings do not affect date or time fields in pop-ups.
Manage URL status
You can use these settings to control which URL parameters appear in the app's URL at run time.
Click Manage URL status to open the Manage URL status panel. Here you can view the Data selection parameter and any Map and Search widgets. If your app contains many Map and Search widgets, this list might be long, so you can use the search to bring up specific widgets.
Turn on the toggle button next to Data selection or next to each widget to include its associated URL parameter in the URL at run time. The Map widget has multiple associated URL parameters. For Map widgets, you can click the settings button to turn on individual parameters.
Turning a parameter off does not remove its function; it just means that the parameter does not appear in the URL. Having parameters in the URL is useful for sharing your app in an exact state. For example, you can generate a URL that opens your app to an exact map scale, rotation, and center point with a certain feature selected.
Privacy
Click Privacy to open the Privacy panel. Here you can configure settings that control how the app handles user data.
Turn on the toggle button next to Google Analytics (GA4) to have your app track data with Google Analytics. To connect your app to Analytics, enter a measurement ID in the text box that appears. The measurement ID is a unique identifier for a website or app. The format of a measurement ID is 'G-' followed by a combination of ten numbers and letters. You get a measurement ID by adding a new data stream in Google Analytics.
Learn more about setting up Google Analytics for an app
Turn on the toggle button next to Cookie Banner to add a banner that asks the user for their consent to allow cookies. Cookies are small files that a server sends to a user's web browser. Experience Builder uses the following types of cookies:
- Essential cookies—These cookies are essential for basic website functions, such as keeping the user logged in. These are always used.
- Performance cookies—These cookies collect information related to how users interact with the app. They help optimize the user experience. When you ask the user for their consent to allow cookies, these are the cookies you are asking about.
The Privacy panel includes the following cookie banner settings:
- The Consent mode setting appears if you also turn on Google Analytics (GA4). You can make giving consent to allow cookies required or optional to use the app.
- Check the Refresh consent periodically check box to make the banner reappear for users who previously consented and ask them to give them their consent again. You must enter a number of days for the renew period.
- You can click Renew now to make the banner reappear for all users immediately. A warning appears to ask if you are sure you want to ask everyone to give their consent again. Click OK to confirm.
When you turn on the cookie banner, a settings panel appears on the right of the builder. You can configure the following style settings for the banner:
- Layout—Choose to have the interaction buttons appear at the bottom or on the right side of the banner.
- Position & Size—Define where the banner appears on the page by width, height, and location. You can specify height and width values in pixels (px) or percent (%). You can use the nine-panel grid to position the widget relative to one of the anchor points on the page. You can also set x and y offsets.
- Banner button settings—Choose which interaction buttons to include in the banner at run time.
- If you turn on Google Analytics (GA4), the Accept All button is included, and optionally you can also include the Decline All and Preferences buttons.
- If you turn off Google Analytics (GA4), the Close button is included.
- You can expand each button to configure additional settings. You can replace the default button text and set an icon.
- Animation—Add an animation for when the cookie banner appears.
- Background—Choose a fill color or image for the banner background. Use the Quick style button to select from preset designs that coordinate with the app's theme.
- Border—Choose the color, style, and width for the banner border. You can change the radius size to shape the banner corners. Use the Quick style button to select from preset designs that coordinate with the app's theme.
- Box shadow—Add a shadow effect around the banner. Use the Quick style button to select from preset designs, or use the following settings:
- Offset X—Set the horizontal distance of the shadow. A negative value places the shadow to the left of the banner; a positive value places it to the right.
- Offset Y—Set the vertical distance of the shadow. A negative value places the shadow above the banner; a positive value places it below.
- Blur radius—Apply a blur effect to the shadow.
- Spread radius—Adjust the size of the shadow.
- Color—Select a color.
If you turn on Google Analytics (GA4) and turn off Cookie Banner, the app tracks web activity without notifying the user or asking for their consent. If you turn on both settings, the app only tracks web activity when the user gives their consent to allow performance cookies.
On the canvas, you can click the text box in the cookie banner to edit the banner text. If you highlight text, a toolbar appears that you can use to change the text font, size, color, and stroke. You can also set a link on text.
Note:
When typing in the text editor, use keyboard shortcuts to undo (Ctrl+Z for Windows; Cmd+Z for Mac) or redo (Ctrl+Y for Windows; Cmd+Y for Mac) text edits. The Undo and Redo buttons on the builder toolbar affect actions performed in the builder, such as connecting data or adding a widget, not text edits.