javascript - 如何禁用谷歌加一（+1）按钮的悬停气泡？

Question

在我的页面中，如何删除 google +1 按钮的工具提示消息？

示例：http ://www.google.com/webmasters/+1/button/

文档：http ://code.google.com/apis/+1button/

我尝试了很多方法，但无法弄清楚。

Answer 1

根据您在使用其 API 时同意的 google 政策，您不应该这样做： http ://www.google.com/webmasters/+1/button/policy.html 。

您不能修改按钮，包括其行为。

如同一页所述，您可以通过 Google 的机器人进行控制。如果您不想要按钮的行为，请不要使用 Google 的 +1 API。

Answer 2

我同意@Kheldar 的观点，但作为教学课程，您可以这样做：

当弹出窗口出现时，HTML 开始于：

<table cellpadding="0" cellspacing="0" style="width: 324px; height: 68px; " frame="void" rules="none" class="gc-bubbleDefault pls-container">

只需添加一些 CSS 以不显示它：

.gc-bubbleDefault, .pls-container
{
   display: none !important;
}

Answer 3

Firefox 用户：打印并按照以下步骤从搜索结果中关闭/禁用/删除 Google +1 按钮，无论是否使用 AdBlock 或 AdBlock Plus，并且无需创建 Google 个人资料：

1) 转到硬盘上的 Firefox Profiles 文件夹。

要在 Windows XP、Vista、7 中找到您的 Firefox 配置文件，请按：[Windows 键]+[R] → 输入（减去引号）：“%APPDATA%\Mozilla\Firefox\Profiles”→ 单击确定

或从任务栏单击：开始 → 运行 → 输入（减去引号）：
“%APPDATA%\Mozilla\Firefox\Profiles” → 单击确定

配置文件文件夹将打开。Profiles 文件夹中可能只有一个文件夹。

2) 打开具有“.default”扩展名的文件夹。

3) 在 .default 文件夹中查找名为 Chrome 的文件夹。如果 Chrome 文件夹不存在，您需要创建它。（如果 Chrome 文件夹存在，请跳至#4）。

要创建 Chrome 文件夹：在 .default 文件夹内右键单击 → 选择新文件夹 → 输入（不带引号）：“Chrome”

4) 打开 Chrome 文件夹并创建一个名为 userContent.css 的 .text 文件。（该文件的内容告诉 Firefox 不要在网页上显示 +1 按钮。）

要创建一个名为 userContent.css 的文本文件：在 Chrome 文件夹中单击鼠标右键 → 选择 NEW → TEXT DOCUMENT → 输入（不带引号）：“userContent.css”

Windows 会弹出“重命名”警告对话框，上面写着：如果更改文件扩展名，文件可能会变得不可用。您确定要更改它吗？是 否

选择是

5）打开userContent.css。（它将在记事本中打开一个标题为：userContent.css - 记事本的框）。

6) 将以下内容粘贴到记事本中（减去引号）：" .esw { display:none!important; } /* 完全隐藏 +1 按钮 */ "

请务必在上面的“esw”之前包含句点 (.)。

7）保存记事本文件并关闭它：选择文件→保存→文件→关闭（或选择文件夹标题栏上的X关闭）

8) 关闭剩余打开的文件夹。

9）如果Firefox浏览器没有关闭，关闭它。重新打开火狐浏览器。导航到 Google 的搜索页面并执行搜索。Google +1 按钮将从所有未来的搜索结果中消失。

Answer 4

我遇到了同样的问题，因为我希望在没有 g+ 工具提示的情况下将
按钮与 facebook 和 twitter 共享按钮（来自 addthis）具有相同的布局
——这不是 +1 而是共享

它确实存在 - 但被隐藏了..（需要 url 参数 - https://plus.google.com/share?url= {URL} ）

在https://developers.google.com/+/plugins/share/
上 向下滚动...到“共享链接”.. 带有代码示例

<a href="https://plus.google.com/share?url={URL}"
  onclick="javascript:window.open(this.href,'', 
    'menubar=no,toolbar=no,resizable=yes,
    scrollbars=yes,height=600,width=600');return false;">
<img src="https://www.gstatic.com/images/icons/gplus-64.png" 
  alt="Share on Google+"/></a>

与 addthis 良好的类是 addthis_button_google_plusone_share
还没有在他们的 api 文档中，就好像他们稍后添加它一样

-- 我对它们的不一致感到有点恼火
（tw -> js:window.open vs fb, g+ -> url:_black）
-- 添加到 url 跟踪代码中 -- 可以禁用它

<script type="text/javascript"> 
var addthis_config = { data_track_clickback: false } </script> 

facebook 和 twitter 处理它的方式完全相同
——在各自的 url 中获取参数

fb: http://www.facebook.com/sharer/sharer.php?u= {URL}
tw: https://twitter.com/intent/tweet?text=XXXX&url= {URL}&related=