ブログ記事にPinterestの[Pin It (ピン)]ボタンを追加する方法

[vrneuman]

以下のコードをHubSpotのブログ記事テンプレートに追加して、各ブログ記事にPinterestボタンを追加します。

• HubSpotアカウントにて、［マーケティング］ > ［ウェブサイト］ > ［ブログ］の順に進みます。
• 左のサイドバーメニューで、[その他のツール] ドロップダウンメニューをクリックして [記事テンプレートを管理] を選択します。

• ブログ記事の HTML で次のソーシャル共有 HubL トークンを見つけます。

{% blog_social_sharing "blog_social_sharing" overrideable=False, label='Blog Social Sharing' %}

• Pinterest ボタンの次のコードを、ソーシャル共有トークンの直後に貼りつけます。

<a class="pinterest" href="//www.pinterest.com/pin/create/button/?url={{ content.absolute_url }}&media={{ content.featured_image }}" data-pin-do="buttonBookmark" ><img src="//assets.pinterest.com/images/pidgets/pinit_fg_en_rect_gray_20.png" /></a>

• [変更を公開] をクリックします。

＊このコンテンツはAdd a Pinterest 'Pin It' button to your blog postを翻訳したものです。