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

Smart CRM & Sales Hub Tips, Tricks & Best Practices
1

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

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

ブログ.png
ブログ.png1102×1098 164 KB

  • ブログ記事の 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を翻訳したものです。