当网络浏览器视口显示所选元素时，就会触发 Google 跟踪代码管理器的元素可见性触发器。下列事件可导致元素变得可见，包括网页加载、滚动、浏览器标签页移到前台和（影响相应元素位置或可见性的）编程例程。
要配置元素可见性触发器，请执行以下操作：
- 依次点击触发器
新建。
- 点击触发器配置，然后选择元素可见性触发器类型。
新建。通过选择方法菜单，您可以选择是使用 ID 属性还是 CSS 选择器选择元素：
- ID：根据元素的 ID 属性值选择单个元素。
- CSS 选择器：根据指定的 CSS 选择器模式选择一个或多个元素。
下面两个选项可供您选择触发器的触发频率：
- 每次网页加载触发一次：每次加载网页时，该触发器仅触发一次。如果给定页面上有多个元素可被 ID 或 CSS 选择器匹配，该触发器将仅在其中某一元素在该页面上首次显示时触发。如果用户重新加载页面或导航到新页面，触发器将重置，并可能根据所选元素的可见性再次触发。
- 每次元素显示触发一次：每次所选元素显示时，该触发器仅在网页加载时触发一次。如果给定页面上有多个元素匹配 CSS 选择器的条件，该触发器将在页面首次显示所有这些元素时触发。如果页面上的多个元素的 ID 相同，则只有第一个被匹配的元素将触发此触发器。但是，如果您在“高级”设置中启用了“观察 DOM 更改”选项，并且页面上有多个 ID 相同的元素，那么当观察到的 DOM 更改移除了第一个匹配的元素时，此选项会导致触发器再次触发。如果用户重新加载页面或导航到新页面，触发器将重置，并可能根据所选元素的可见性再次触发。
- 每次元素在屏幕上显示时：匹配的元素每次可见时，该触发器都将以编程方式或用户互动方式触发。
高级选项
-
最低可见百分比：默认情况下，要触发事件，必须至少有 50% 的元素在屏幕上显示。您可以通过此选项指定一个不同的百分比值，从而规定触发器触发前屏幕上必须显示百分之多少的选定元素。
-
设置在屏显示时长下限：选中此复选框可指定在触发器触发之前，所选元素必须在屏幕上显示多长时间（采用指定的最低可见百分比）。此选项在默认情况下不启用，一旦所选元素变得可见，触发器将立即触发。
注意：所选元素的在屏显示时长会按网页浏览量进行累积。换句话说，如果某个元素显示 5,000 毫秒后消失，接着在视图中再显示 5,000 毫秒，则该元素的在屏显示时长总计为 10,000 毫秒。如果用户重新加载页面或导航到新页面，触发器（以及在屏显示时长）将重置。
-
观察 DOM 更改：选中此复选框可启用触发器来跟踪显示为 DOM 更改的匹配元素。
如果设置了在屏显示时长下限，或者触发器已配置为观察 DOM 更改，则跟踪管理器将监测所选元素的状态。当给定页面上有多个元素匹配时，网页性能可能会受到影响。为获得最佳性能，请确保您的 CSS 选择器不会与大量元素匹配，或者改为使用 ID 作为选择方法。
当“元素可见性”触发器触发时，系统会自动填充以下变量：
-
Percent Visible：是一个数值 (0-100)，用于表明当触发器触发时，有多少百分比的所选元素可见。
-
On-Screen Duration：是一个数值，用于表明在触发器触发之前，所选元素必须在多少毫秒的时间内始终保持可见。