要在Google浏览器的书签栏中添加自定义访问数据统计分析面板，您需要使用Chrome扩展程序。以下是一些步骤和技巧：
1. 下载并安装Chrome扩展程序：
- 打开Chrome浏览器。
- 点击右上角的三个点菜单按钮（或使用快捷键Ctrl+U）。
- 在弹出的下拉菜单中选择“更多工具”，然后选择“扩展程序”。
- 在扩展程序页面中，点击“加载已解压的扩展程序”按钮，然后选择您下载的扩展程序文件。
- 点击“添加至Chrome”按钮以将扩展程序添加到您的浏览器中。
2. 创建自定义访问数据统计分析面板：
- 在扩展程序页面中，找到您刚刚添加的扩展程序。
- 点击“开发者模式”按钮，这将使您能够访问扩展程序的源代码。
- 在扩展程序的源代码中找到“manifest.json”文件，这是扩展程序的主要配置文件。
- 在“manifest.json”文件中，找到以下代码行：
javascript
"name": "Custom Analytics",

这行代码定义了扩展程序的名称。将其更改为您想要的名称，例如“Custom Analytics”。
- 在“manifest.json”文件中，找到以下代码行：
javascript
"description": "Custom analytics for your bookmarks",

这行代码定义了扩展程序的描述。您可以根据需要修改此描述。
- 在“manifest.json”文件中，找到以下代码行：
javascript
"permissions": [
"storage",
"activeTab",
"tabs",
"http://*/*",
"https://*/*",
],

这行代码定义了扩展程序所需的权限。根据您的需求，您可以添加或删除某些权限。
- 在“manifest.json”文件中，找到以下代码行：
javascript
"content_scripts": [
{
"matches": [""],
"js": ["custom-analytics.js"]
}
]

这行代码定义了扩展程序的内容脚本。您需要创建一个名为“custom-analytics.js”的文件，并将其放在与您扩展程序相同的目录中。这个文件将包含您要执行的分析逻辑。
3. 编写自定义访问数据统计分析面板的JavaScript代码：
- 在名为“custom-analytics.js”的文件中，编写以下代码：
javascript
(function() {
// 获取当前页面的所有书签
let bookmarks = [];
let currentBookmark = null;
let activeTab = null;
let allUrls = document.URL;
let urlRegex = /^(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?$/g;
let visitedUrls = new Set();
// 遍历所有书签
allUrls.forEach((url) => {
if (urlRegex.test(url)) {
bookmarks.push(url);
urlRegex.lastIndex = 0; // 重置正则表达式指针
}
});
// 为每个书签添加点击事件监听器
bookmarks.forEach((bookmark) => {
currentBookmark = bookmark;
activeTab = window.open(currentBookmark, '_blank');
activeTab.addEventListener('load', () => {
visitedUrls.add(currentBookmark);
visitedUrls.delete(currentBookmark);
});
activeTab.addEventListener('unload', () => {
visitedUrls.delete(currentBookmark);
});
});
// 显示书签列表
let tabContent = document.getElementById('bookmark-list');
if (tabContent) {
tabContent.innerHTML = '';
bookmarks.forEach((bookmark) => {
let li = document.createElement('li');
li.textContent = bookmark;
tabContent.appendChild(li);
});
} else {
console.error('No tab content found');
}
})();

这段代码首先获取当前页面的所有书签，并为每个书签添加点击事件监听器。当用户点击一个书签时，它会在一个新标签页中打开该书签，并在标签页关闭时从已访问书签列表中删除它。最后，它将显示一个包含所有书签的列表。