category -> | | | | | | | |

サイト上にXへの誘導ボタンを設置

関連ページ 参考URL このサイトはゼロベースから構築してるが、ページの終わり付近にXへ誘導するボタンを付けたいと最近思い始めた。
幸いX公式がGUI上で手軽にコードを生成できる機能を提供してるので、それを使い実装させてもらった。
まずこちらの X/Publish のサイトに移動する。

中心部にEnter a X URLと書いてあるが、ポストボタンを作る際はXのURLは関係ない。
下にスクロールするといくつかテンプレートが用意されている。
右端を選択しオーバーレイウィンドウを出した後、その中の左端をクリック。
すると更に下に生成されたコードが出てくる。

これをコピペしてサイトに張り付ければ完成。
アカウントフォローボタンも、ポストボタンの作成と手順が似ている。
さきほど出したオーバーレイウィンドウの中の、今度は左から2番目を選択。

するとフォローさせたいXアカウントのプロフィールを貼れと出てくる。

自分の場合はhttps://x.com/shader_jigokuになるので、これを貼ってPewviewボタンを押すとコードが生成される。
生成されたコードを自分のサイトにコピペすればOK。
生成されたコードに対して、data-size="large"のタグを差し込むとボタンが少し大きくなる。
下はポストボタンのコードとその結果比較。
Tweet Tweet