8

AddThis Pinterest ボタンをクリックすると、画面中央にボックスが開き、私のページからさまざまな画像が表示されます。涼しい。ただし、提供されるものの中には、ナビゲーション ボタン、バナー広告、および関連するその他の画像の粗く拡大された部分があります。同じページで、お気に入りバーの PinIt ボタン (Pinterest 自体から) は「正しく」実行されます。つまり、意味のある画像のみが提供されます。ナビゲーションボタンは含まれていません。

AddThis Pinterest ウィジェット ボックスから選択した画像を除外するにはどうすればよいですか?

助けていただける方、よろしくお願いします。

4

3 に答える 3

4

画像を強制する実際の方法は、「url」オプションではなく「media」オプションです。

<a... pi:pinit:media='http://path/to/my/image.jpg'>...</a>
于 2012-11-26T06:06:50.137 に答える
3

AddThis Pinterest は、画像の「at_include」および「at_exclude」クラスをサポートしています。

完全な投稿はこちら: http://support.addthis.com/customer/portal/articles/1300322-pinterest-image-sharing#.UuAnmrvTm2x

画像を含める

「image_include」構成オプションを使用して、ページから特定の画像のみを取得するように共有プレビューに指示できます。最初に、image_include を目的のクラス名に設定し (id セレクターは許可されず、クラス セレクターのみ)、次に、同じクラス名を、取得するページ上の各画像に追加します。image_include には、「.」を追加しないでください。セレクタ。次に例を示します。

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

クラスで 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" />

画像を除外

image_exclude 構成オプションを使用して、ページから特定の画像を無視するように共有プレビューに指示できます。まず、image_exclude を目的のクラス名に設定し (id セレクターは許可されず、クラス セレクターのみ)、ページ上の無視する必要がある各画像に同じクラス名を追加します。image_exclude には、「.」を追加しないでください。セレクタ。次に例を示します。

<script type="text/javascript">
var addthis_config = {
image_exclude: "at_exclude"
}

クラスで image_exclude を定義したら、そのクラスをページ上の目的の画像に追加します。この例では、取得されるページ上の唯一の画像は、at_exclude クラス (img2.jpg) を持たない画像になります。

<img src="http://www.example.com/img1.jpg" class="at_exclude" />
<img src="http://www.example.com/img2.jpg" />
<img src="http://www.example.com/img3.jpg" class="at_exclude" />

画像コンテナ

Pinterest の共有ボタンを持つクラスまたは ID に含まれるすべての画像など、特定のコンテナーから画像を取得するように共有プレビューに指示することもできます。ページに複数の Pinterest 共有ボタンがある場合、これは非常に役立ちます。Pinterest の共有ボタンは、画像が配置されているコンテナと同じコンテナ内にある必要があります。また、image_container には「.」が必要であることに注意してください。または「#」セレクター。次に例を示します。

<script type="text/javascript">
var addthis_config = {
image_container: ".shared_content"
}

image_container がクラスで定義されたら、そのクラスをページ上の必要な場所に追加します。この例では、取得されるページ上の唯一の画像は、 shared_content 内に含まれる画像になります。

<div class="shared_content">
Here's some example text. Images in this div will be grabbed.
<img src="http://www.example.com/img1.jpg" />
<img src="http://www.example.com/img2.jpg" />
<a class="addthis_button_pinterest_share"></a>
</div>

<div class="another_div">
Here's some more example text. Images in this div will not be grabbed.
<img src="http://www.example.com/img3.jpg" />
<img src="http://www.example.com/img4.jpg" />
</div>
于 2014-01-22T20:21:31.177 に答える
1

Pinterest で使用する単一の画像を指定する場合は、その画像へのパスをプロパティの値として指定する必要がありますpi:pinit:url。

<a... pi:pinit:url='http://path/to/my/image.jpg'>...</a>
于 2012-08-02T20:58:06.677 に答える