ピンタレストには保存ボタンがあります。
このブログの画像をクリックすると出てくるこのボタンです。
![ねこのアイコン画像](https://tinapedia.com/wp-content/uploads/2020/09/f_f_object_111_s512_f_object_111_0bg.png)
このボタンって、どうやって設定するの?
![](https://tinapedia.com/wp-content/uploads/2020/11/Screenshot_20201113-165937_WordPress.jpg)
そんな方のために、保存ボタンの設定方法を説明します。
![](https://tinapedia.com/wp-content/uploads/2020/11/20201113_07-1024x576.jpg)
今回お伝えするリッチピンは④の一つです。
①の「アカウント作成」が済んでいない方は、こちらをどうぞ。
③「ドメイン認証」がまだの方は、こちらをどうぞ。
ウィジェットビルダーで、タグを取得する
保存ボタンを表示させるには、「ウィジェットビルダー」という機能を使います。
Pinterestウィジェットビルダーの画面で、ボタンの種類と形を選びます。
好きな画像を選んで保存できる「画面にホバーした時」を選んでください。
「円形」や「大」は、プレビューで見て、好みだなと思った場合はチェックしてください。
どちらもチェックしなくても大丈夫です。
![](https://tinapedia.com/wp-content/uploads/2020/11/20201111_02.jpg)
選ぶと、コードが生成されます。
このコードをコピーして、ブログの</BODY>タグの前に貼り付ける必要があります。
![](https://tinapedia.com/wp-content/uploads/2020/11/20201111_03.jpg)
タグを</BODY>タグの前に貼り付ける
ワードプレスのテーマによっては、</BODY>の前にタグを貼り付けられる機能が用意されています。
私が使ったことがあるテーマは「SWELL」「ストーク19」「Cocoon」です。
SWELLの場合
「外観」⇒「カスタマイズ」⇒「高度な設定」
![](https://tinapedia.com/wp-content/uploads/2021/01/20210108_02.jpg)
Pinterestウィジェットビルダーのコードを「</body>の直前」の欄に貼り付けます。
![](https://tinapedia.com/wp-content/uploads/2021/01/20210108_01.jpg)
ストーク19の場合
「外観」⇒「カスタマイズ」⇒「アクセス解析コード・headタグ」
![](https://tinapedia.com/wp-content/uploads/2020/11/20201113_08.jpg)
Pinterestウィジェットビルダーのコードを「</body>の直前」の欄に貼り付けます。
![](https://tinapedia.com/wp-content/uploads/2020/11/20201113_09.jpg)
Cocoonの場合
Cocoonの場合は、「Cocoon設定」の「アクセス解析・認証」の「フッター用コード」に貼り付けてもボタンが表示されますが、それよりも簡単な方法があります。
![](https://tinapedia.com/wp-content/uploads/2020/11/20201113_10.jpg)
![](https://tinapedia.com/wp-content/uploads/2020/11/20201113_11.jpg)
「Cocoon設定」の「SNSシェア」のPinterest共有にチェックをつけるだけで、画像の上にボタンが表示されました。
![](https://tinapedia.com/wp-content/uploads/2020/11/20201113_13.jpg)
![](https://tinapedia.com/wp-content/uploads/2020/11/20201113_12.jpg)
プラグインを使う
プラグインの「Head, Footer and Post Injections」を使っている人は、一番下の「BEFORE THE </BODY> CLOSING TAG (FOOTER)」の中に貼り付けてください。
「DESKTOP」と「MOBILE」があります。
![](https://tinapedia.com/wp-content/uploads/2020/11/20201111_04.jpg)
保存ボタンが表示されているか確認してみる
![ちなのアイコン画像](https://tinapedia.com/wp-content/uploads/2020/08/cropped-s512_f_object_105_0.png)
さっそくこのブログの画像を見てみよう
![ねこのアイコン画像](https://tinapedia.com/wp-content/uploads/2020/09/f_f_object_111_s512_f_object_111_0bg.png)
像を触ると、保存ボタンが出るようになったよ!
![](https://tinapedia.com/wp-content/uploads/2020/11/iMarkup_20201111_141342-1024x936.jpg)
せっかくなので、保存ボタンを押してみましょう。
ボードを選択する画面が出てきます。
![](https://tinapedia.com/wp-content/uploads/2020/11/Screenshot_20201111-141649_Pinterest-e1605260424503-1024x414.jpg)
保存するボードを選択すると、「~に保存しました」というメッセージが出て、ピンが作成されます。
![](https://tinapedia.com/wp-content/uploads/2020/11/Screenshot_20201111-141701_Pinterest-1024x277.jpg)
![ちなのアイコン画像](https://tinapedia.com/wp-content/uploads/2020/08/cropped-s512_f_object_105_0.png)
ピンが作成されたね。
![ねこのアイコン画像](https://tinapedia.com/wp-content/uploads/2020/09/f_f_object_111_s512_f_object_111_0bg.png)
保存された内容は、どうなってるの?
![](https://tinapedia.com/wp-content/uploads/2020/11/iMarkup_20201113_183749-722x1024.jpg)
自動的に、ブログの内容が登録されました。
また、私のピンタレストのアカウントと、フォローボタンが表示されました。
これは、私のブログにリッチピンの設定がされているからです。
リッチピンについては、こちらを参照してください。
まとめ
この記事では、保存ボタンを表示させる方法について説明しました。
ピンタレストの一連の設定方法については、以下の記事に記載しています。