12

如果用户决定固定我们的 URL 之一，我不想通过我们的网站添加 Pin It 按钮，而是简单地控制 Pinterest 的“查找图像”结果中显示的图像。

截至目前，“查找图像”允许用户滚动浏览在页面上找到的图像，以便他们选择要固定的图像。我假设“找到的”图像从 html 文件中的第一个 jpg 开始（这可能是一个糟糕的假设吗？？）。在我们的网站上，这会迫使用户滚动浏览大约 15 张导航和促销图片，然后才能看到特色产品图片。有没有办法指定此图像首先显示在这些结果中？也许通过元标记，或者通过向元素添加类或 id？

如果没有公开的 Pinterest API，这似乎只是猜测，但我想看看其他人是否遇到过这个问题，或者解决了这个问题。谢谢。

4

9 回答 9

10

包括Pinterest 帮助中心在内的很多搜索结果都谈到了nopin在 HTML 元素中的使用，这是无效的 HTML。他们没有记录的是具有相同（格式良好）效果的数据属性。

<img src="foobar" data-pin-nopin="true" />

于 2013-08-26T18:30:25.740 回答
9

添加该nopin属性将排除图像出现在 Pinterest 上：

<img src="..." nopin>
于 2013-07-23T10:53:46.827 回答
6

我通过简单地在页面中的所有其他人之前加载图像来解决这个问题。在这种情况下，我给了它width="0"和height="0"（你也可以给它style="position: absolute; left: -9999px; top: 0;"以确保它）。

这不会破坏页面布局，但会强制 Pinterest 首先找到此图像。唯一的缺点是浏览器加载页面的速度会慢几毫秒，但是如果您稍后在页面中重用此图像，那么您应该弥补失去的时间。

于 2012-03-28T14:14:11.667 回答
3
  • Pinterest 会从<img>标签中找到任何至少为80px x 80px.
  • 图片在 Pinterest 列表中的显示顺序由它们在 HTML 中指定的顺序决定。
  • 正如您所发现的，您可以通过使用绝对定位或 0 高度和宽度将其移出页面来更改图像的 CSS 以“隐藏它”而不实际隐藏它。display: nonePinterest 不会获取任何设置为的图像。
于 2012-04-03T20:54:55.857 回答
1

您可以使用“image_include”配置选项指示共享预览仅从页面中抓取特定图像。首先，将 image_include 设置为您想要的类名（不允许使用 id 选择器，只能使用类选择器），然后将相同的类名添加到页面上应该抓取的每个图像中。对于 image_include，不要添加 '.' 选择器。这是一个例子：

<script type="text/javascript">
var addthis_config = {
image_include: "at_include"
}
</script>

使用类定义 image_include 后，将该类添加到页面上所需的图像中。在此示例中，页面上将被抓取的唯一图像将是具有 at_include 类的图像（img1.jpg 和 img3.jpg）。

<img src="http://www.example.com/img1.jpg" class="at_include" />
<img src="http://www.example.com/img2.jpg" />
<img src="http://www.example.com/img3.jpg" class="at_include" />
于 2014-02-25T14:13:45.260 回答
1

我正在阅读此博客，其中建议以下内容：

  1. 使用全局no pin 标志来防止在整个站点上固定
  2. 手动将Pin It 小部件添加到您想要固定的图像中。

鉴于 Pinterest 的网站管理员工具似乎只有黑名单，而不是白名单选项（您正在寻找），这可能是一个可能的解决方案。这样做的另一个好处是您还可以通过 Pin It 小部件提供建议的 pin 文本。

我猜唯一的缺点是它可能会破坏用户自己的 Pin 工具。Pinterest 确实允许您提供自定义的“拒绝”消息，所以我想您可以说“请直接使用我们网站的 pin 按钮”。

我已经尝试过了，它有效。这似乎是一种不错的方法，至少在 Pinterest 认为适合添加一些更好的工具之前，例如图像白名单选项。主要缺点是需要在您希望为用户启用的每张图像上添加 Pin-it 按钮，您的用户可能会因为无法固定任何东西而感到恼火。

于 2014-03-18T09:05:38.477 回答
0

Unfortunately, there is no way to mark several images on your page as preferred, but you can mark one image to stay at the top of your images when someone pin it. Specify this meta-tag in <head>:

<meta property="og:image" content="http://YOUR-DOMAIN.com/IMAGE.jpg"/>

I have not found official confirmation for this feature, but it works great with addthis sharing plugin.

于 2012-07-03T20:07:55.423 回答
0

如果有人在使用 AddThis，请查看此线程：http: //support.addthis.com/customer/portal/questions/1570789

AddThis 有一些，呃，独特的功能会影响所呈现的图像选择器。例如，当页面上只有一个图像时，它会忽略定义的 og:image。

如果您将那个单独的图像设置为排除在外，那么图像选择器将不会显示任何可供选择的图像。

于 2013-09-12T17:43:25.573 回答
0

在实际调用 pinterest 之前添加此脚本。并使用名为“nopin”的类设置您不想显示的图像

                <script type="text/javascript">
                var addthis_config =
                {
                    image_exclude:'nopin' 
                }
                </script>               
                        <div id="toolbox" class="addthis_toolbox addthis_default_style">
                        <a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
                        <a class="addthis_button_tweet"></a>
                        <a class="addthis_button_tumblr"></a>
                        <a class="addthis_button_pinterest"></a>                                                 
                    </div>
                </div>
于 2013-07-19T15:57:28.087 回答