見出し画像

ランディングページにTwitterのシェアボタンを設置する

初心者WEB担当のイッシーです。
今更ながら、WebショップのランディングページにTwitterのシェアボタンの設置方法をどうするのかいろいろ調べてやってみました。

ボタンのデザインを作るのは今回はやめて、まずは一番簡単な方法から。


1.Twitterパブリッシュのサイトにいく

URLを貼り付けるだけでコードが作成できる便利なサイトがあります。

Twitterパブリッシュ


2.Twitterのボタンを選択


3.使用したいボタン→共有ボタンを選択


4.カスタマイズオプションを設定する。をクリック


5.各種項目を入力する

◎ツイートのテキストに常時表示したい文を入力
◎シェアボタンを設置したいURLを入力
◎Twitterアカウント名
◎ハッシュタグを入力。複数の場合は「,」で入力。
例:イッシー,SNSサラリーマン
◎シェアボタンを大きくしたい場合はチェック
◎言語は自動か日本で
◎更新をクリック


6.コードをコピーをクリックしてサイトにコードを貼り付ける


これでOK

また他でいい方法があれば紹介します


この記事が気に入ったらサポートをしてみませんか?