--- title: View events slug: experience/view-events description: Learn about triggers and placeholders for events in a purple application with this comprehensive document. Discover JSON code snippets for defining events and placeholders for specific views, along with examples for various storefront components. Implemen docTags: createdAt: 2023-03-24T10:47:45.000Z --- ## Getting started In the graphic below you can see the part that is covered in this chapter: ![](https://api.archbee.com/api/optimize/ygR6KtT9QI_R0u3uKTJsm/kjVngWPgaVlCULMqE7Evc_viewevents.jpg) A purple application technically consists of a native part and an experience part that runs within a web view. The view events in this documentation are listed under the [Native app](docId\:mIXE5-IjKbR47eUmMdyga) or [Experience](docId\:mIXE5-IjKbR47eUmMdyga) subchapters based on the origin they occur. ## Native app ### APP\_MENU :::::Tabs :::Tab{title="Trigger"} *Android / iOS*: Whenever the app menu becomes visible. ::: :::Tab{title="Placeholders"} No placeholders available. ::: ::::Tab{title="Examples"} :::CodeblockTabs Default ```json "APP_MENU": { "templates": { "name": "app_menu" } } ``` Firebase ```json "APP_MENU": { "templates": { "name": "app_menu" } } ``` ::: :::: ::::: *** ### APP\_SHARING :::::Tabs :::Tab{title="Trigger"} Android: Does not exist. iOS: When the sharing screen becomes visible. ::: :::Tab{title="Placeholders"} No placeholders available. ::: ::::Tab{title="Examples"} :::CodeblockTabs Default ```json "APP_SHARING": { "templates": { "name": "sharing" } } ``` Firebase ```json "APP_SHARING": { "templates": { "name": "sharing" } } ``` ::: :::: ::::: *** ### ISSUE\_CONTENT :::::Tabs :::Tab{title="Trigger"} Every time an issue inside the issue pager is visible. ::: :::Tab{title="Placeholders"} - [Native issue placerholder](docId\:HWgaxh6bT5orBprp0V9VG) - [Native publication placeholder](docId\:HWgaxh6bT5orBprp0V9VG) - [content.open placeholder](docId\:HWgaxh6bT5orBprp0V9VG) ::: ::::Tab{title="Examples"} :::CodeblockTabs Default ```json "ISSUE_CONTENT": { "templates": { "name": "issue_content" }, "parameters": { "issue_id": "{{ISSUE_ID}}", "issue_name": "{{ISSUE_NAME}}", "issue_categories": "{{ISSUE_CATEGORIES}}", "issue_tags": "{{ISSUE_TAGS}}", "issue_purchasable": "{{ISSUE_PURCHASABLE}}", "issue_purchased": "{{ISSUE_PURCHASED}}", "publication_id": "{{PUBLICATION_ID}}", "publication_name": "{{PUBLICATION_NAME}}" } } ``` Firebase ```json "ISSUE_CONTENT": { "templates": { "name": "issue_content" }, "parameters": { "issue_id": "{{ISSUE_ID}}", "issue_name": "{{ISSUE_NAME}}", "issue_categories": "{{ISSUE_CATEGORIES}}", "issue_tags": "{{ISSUE_TAGS}}", "issue_purchasable": "{{ISSUE_PURCHASABLE}}", "issue_purchased": "{{ISSUE_PURCHASED}}", "publication_id": "{{PUBLICATION_ID}}", "publication_name": "{{PUBLICATION_NAME}}" } } ``` ::: :::: ::::: *** ### ISSUE\_PAGE :::::Tabs :::Tab{title="Trigger"} Every time a page of an issue inside the issue pager is visible ::: :::Tab{title="Placeholders"} - [Native issue placeholder](docId\:HWgaxh6bT5orBprp0V9VG) - [Native page placeholder](docId\:HWgaxh6bT5orBprp0V9VG) - [Native publication placeholder](docId\:HWgaxh6bT5orBprp0V9VG) - [content.open placeholder](docId\:HWgaxh6bT5orBprp0V9VG) ::: ::::Tab{title="Examples"} :::CodeblockTabs Default ```json "ISSUE_PAGE_CONTENT": { "templates": { "name": "issue_page_content" }, "parameters": { "issue_id": "{{ISSUE_ID}}", "issue_name": "{{ISSUE_NAME}}", "issue_categories": "{{ISSUE_CATEGORIES}}", "issue_tags": "{{ISSUE_TAGS}}", "issue_purchasable": "{{ISSUE_PURCHASABLE}}", "issue_purchased": "{{ISSUE_PURCHASED}}", "publication_id": "{{PUBLICATION_ID}}", "publication_name": "{{PUBLICATION_NAME}}", "page_id": "{{PAGE_ID}}", "page_label": "{{PAGE_LABEL}}" } } ``` Firebase ```json "ISSUE_PAGE_CONTENT": { "templates": { "name": "issue_page_content" }, "parameters": { "issue_id": "{{ISSUE_ID}}", "issue_name": "{{ISSUE_NAME}}", "issue_categories": "{{ISSUE_CATEGORIES}}", "issue_tags": "{{ISSUE_TAGS}}", "issue_purchasable": "{{ISSUE_PURCHASABLE}}", "issue_purchased": "{{ISSUE_PURCHASED}}", "publication_id": "{{PUBLICATION_ID}}", "publication_name": "{{PUBLICATION_NAME}}", "page_id": "{{PAGE_ID}}", "page_label": "{{PAGE_LABEL}}" } } ``` ::: :::: ::::: *** ### PRESENTER\_CONTENT\_TOC :::::Tabs :::Tab{title="Trigger"} *Android / iOS*: When the table of contents pop-up is opened for an issue. ::: :::Tab{title="Placeholders"} - [Native content placeholder](docId\:HWgaxh6bT5orBprp0V9VG) - [Native issue placeholder](docId\:HWgaxh6bT5orBprp0V9VG) - [Native publication placeholder](docId\:HWgaxh6bT5orBprp0V9VG) - [content.open placeholder](docId\:HWgaxh6bT5orBprp0V9VG) ::: ::::Tab{title="Examples"} :::CodeblockTabs Default ```json "PRESENTER_CONTENT_TOC": { "templates": { "name": "content_toc_{{CONTENT_NAME}}" } } ``` Firebase ```json "PRESENTER_CONTENT_TOC": { "templates": { "name": "content_toc_{{CONTENT_NAME}}" } } ``` ::: :::: ::::: *** ## Experience - Dynamic composed view events based on views.json :::hint{type="info"} The view event name is composed on a template as follows: STOREFRONT_${**transformed_name_of_view**} The full view event name is composed at runtime and the value of "**name\_of\_view**" is based on the view name field for the corresponding view in the views.json. The value of **name\_of\_view** \* will **uppercased** and \* **hyphens** are replaced with **underscores**. ::: :::hint{type="warning"} Only the standard views are documented in this chapter. The event names can differ based on the configuration ("*views.json*") of the specific project. ::: ### STOREFRONT\_BOOKMARKS :::::Tabs :::Tab{title="Trigger"} The bookmark view has been opened. ::: :::Tab{title="Placeholders"} - [View event view context placeholder](docId\:HWgaxh6bT5orBprp0V9VG) ::: ::::Tab{title="Examples"} :::CodeblockTabs Default ```json "STOREFRONT_BOOKMARKS": { "templates": { "name": "bookmarks" }, "parameters": { "view": "{{VIEW}}", "popup": "{{POPUP}}" } } ``` Firebase ```json "STOREFRONT_BOOKMARKS": { "templates": { "name": "bookmarks" }, "parameters": { "view": "{{VIEW}}", "popup": "{{POPUP}}" } } ``` ::: :::: ::::: *** ### STOREFRONT\_FEED :::::Tabs :::Tab{title="Trigger"} The feed view has been opened. ::: :::Tab{title="Placeholders"} - [View event view context placeholder](docId\:HWgaxh6bT5orBprp0V9VG) ::: ::::Tab{title="Examples"} :::CodeblockTabs Default ```json "STOREFRONT_FEED": { "templates": { "name": "feed" }, "parameters": { "view": "{{VIEW}}", "popup": "{{POPUP}}" } } ``` Firebase ```json "STOREFRONT_FEED": { "templates": { "name": "feed" }, "parameters": { "view": "{{VIEW}}", "popup": "{{POPUP}}" } } ``` ::: :::: ::::: *** ### STOREFRONT\_HOME :::::Tabs :::Tab{title="Trigger"} The home view has been opened. ::: :::Tab{title="Placeholders"} - [View event view context placeholder](docId\:HWgaxh6bT5orBprp0V9VG) ::: ::::Tab{title="Examples"} :::CodeblockTabs Default ```json "STOREFRONT_HOME": { "templates": { "name": "home" }, "parameters": { "view": "{{VIEW}}", "popup": "{{POPUP}}" } } ``` Firebase ```json "STOREFRONT_HOME": { "templates": { "name": "home" }, "parameters": { "view": "{{VIEW}}", "popup": "{{POPUP}}" } } ``` ::: :::: ::::: *** ### STOREFRONT\_ISSUE\_DETAILS :::::Tabs :::Tab{title="Trigger"} The issue details view has been opened. ::: :::Tab{title="Placeholder"} - [View event view context placeholder](docId\:HWgaxh6bT5orBprp0V9VG) - [Experience issue placeholder](docId\:HWgaxh6bT5orBprp0V9VG) - [Experience publication placeholder](docId\:HWgaxh6bT5orBprp0V9VG) ::: ::::Tab{title="Examples"} :::CodeblockTabs Default ```json "STOREFRONT_ISSUE_DETAILS": { "templates": { "name": "issue_details" }, "parameters": { "view": "{{VIEW}}", "popup": "{{POPUP}}", "issue_id": "{{ISSUE_ID}}", "issue_name": "{{ISSUE_NAME}}", "issue_type": "{{ISSUE_TYPE}}", "issue_categories": "{{ISSUE_CATEGORIES}}", "issue_tags": "{{ISSUE_TAGS}}", "issue_product_id": "{{ISSUE_PRODUCT_ID}}", "issue_price": "{{ISSUE_PRICE_VALUE}}", "issue_price_currency": "{{ISSUE_PRICE_CURRENCY}}", "issue_price_formatted": "{{ISSUE_PRICE}}", "issue_latest": "{{ISSUE_LATEST}}", "publication_id": "{{PUBLICATION_ID}}", "publication_name": "{{PUBLICATION_NAME}}", "publication_type": "{{PUBLICATION_TYPE}}" } } ``` Firebase ```json "STOREFRONT_ISSUE_DETAILS": { "templates": { "name": "issue_details" }, "parameters": { "view": "{{VIEW}}", "popup": "{{POPUP}}", "issue_id": "{{ISSUE_ID}}", "issue_name": "{{ISSUE_NAME}}", "issue_type": "{{ISSUE_TYPE}}", "issue_categories": "{{ISSUE_CATEGORIES}}", "issue_tags": "{{ISSUE_TAGS}}", "issue_product_id": "{{ISSUE_PRODUCT_ID}}", "issue_price": "{{ISSUE_PRICE_VALUE}}", "issue_price_currency": "{{ISSUE_PRICE_CURRENCY}}", "issue_price_formatted": "{{ISSUE_PRICE}}", "issue_latest": "{{ISSUE_LATEST}}", "publication_id": "{{PUBLICATION_ID}}", "publication_name": "{{PUBLICATION_NAME}}", "publication_type": "{{PUBLICATION_TYPE}}" } } ``` ::: :::: ::::: *** ### STOREFRONT\_LOGIN :::::Tabs :::Tab{title="Trigger"} The login view has been opened. ::: :::Tab{title="Placeholders"} - [View event view context placeholder](docId\:HWgaxh6bT5orBprp0V9VG) ::: ::::Tab{title="Examples"} :::CodeblockTabs Default ```json "STOREFRONT_LOGIN": { "templates": { "name": "login" }, "parameters": { "view": "{{VIEW}}", "popup": "{{POPUP}}" } } ``` Firebase ```json "STOREFRONT_LOGIN": { "templates": { "name": "login" }, "parameters": { "view": "{{VIEW}}", "popup": "{{POPUP}}" } } ``` ::: :::: ::::: *** ### STOREFRONT\_NEWSSTAND :::::Tabs :::Tab{title="Trigger"} Newsstand view has been opened. ::: :::Tab{title="Placeholders"} - [View event view context placeholder](docId\:HWgaxh6bT5orBprp0V9VG) ::: ::::Tab{title="Examples"} :::CodeblockTabs Default ```json "STOREFRONT_NEWSSTAND": { "templates": { "name": "newsstand" }, "parameters": { "view": "{{VIEW}}", "popup": "{{POPUP}}" } } ``` Firebase ```json "STOREFRONT_NEWSSTAND": { "templates": { "name": "newsstand" }, "parameters": { "view": "{{VIEW}}", "popup": "{{POPUP}}" } } ``` ::: :::: ::::: *** ### STOREFRONT\_SEARCH :::::Tabs :::Tab{title="Trigger"} Search view has been opened. ::: :::Tab{title="Placeholders"} - [View event view context placeholder](docId\:HWgaxh6bT5orBprp0V9VG) ::: ::::Tab{title="Examples"} :::CodeblockTabs Default ```json "STOREFRONT_SEARCH": { "templates": { "name": "search" }, "parameters": { "view": "{{VIEW}}", "popup": "{{POPUP}}" } } ``` Firebase ```json "STOREFRONT_SEARCH": { "templates": { "name": "search" }, "parameters": { "view": "{{VIEW}}", "popup": "{{POPUP}}" } } ``` ::: :::: ::::: *** ### STOREFRONT\_SUBSCRIPTIONS :::::Tabs :::Tab{title="Trigger"} Subscriptions view has been opened. ::: :::Tab{title="Placeholders"} - [View event view context placeholder](docId\:HWgaxh6bT5orBprp0V9VG) ::: ::::Tab{title="Examples"} :::CodeblockTabs Default ```json "STOREFRONT_SUBSCRIPTIONS": { "templates": { "name": "subscriptions" }, "parameters": { "view": "{{VIEW}}", "popup": "{{POPUP}}" } } ``` Firebase ```json "STOREFRONT_SUBSCRIPTIONS": { "templates": { "name": "subscriptions" }, "parameters": { "view": "{{VIEW}}", "popup": "{{POPUP}}" } } ``` ::: :::: ::::: ***