将单个ID添加到var中每次出现的h2

，可以通过以下步骤实现：

1. 首先，需要在前端页面中找到所有出现的h2元素。可以使用JavaScript的DOM操作方法来获取页面中的所有h2元素，例如使用document.getElementsByTagName('h2')。
2. 创建一个空的数组变量，用于存储每个h2元素对应的ID。例如，可以使用var idArray = []来创建一个空数组。
3. 遍历获取到的所有h2元素，可以使用JavaScript的循环结构（如for循环或forEach方法）来遍历数组。
4. 在每次遍历中，获取当前h2元素的ID属性，并将其添加到之前创建的数组中。例如，可以使用idArray.push(h2Element.id)将当前h2元素的ID添加到数组中。
5. 最后，可以将得到的ID数组存储在一个变量中，以便后续使用。例如，可以使用var ids = idArray.join(', ')将数组中的ID以逗号分隔的形式存储在ids变量中。

完成以上步骤后，你就可以在var中每次出现的h2元素中添加单个ID，并将所有的ID存储在一个变量中。这样可以方便后续对这些ID进行处理或使用。

注意：以上步骤是基于前端开发的角度给出的解决方案，具体实现方式可能会根据具体的开发框架或需求而有所不同。