AMPでTwitterやfacebookのシェアボタン(ソーシャルボタン)を付ける方法。海外通販WordPressその他ホームAMPAMPでTwitterやfacebookのシェアボタン(ソーシャルボタン)を付ける方法。AMPシェアする01AMPってValidate(文法チェック)も厳しいのでなかなかページのカスタマイズがやりづらいですね。Twitterやfacebokなどのソーシャルのシェアボタンもその1つ。ところがampのマークアップの拡張で簡単にTwitterやfacebookのシェアボタンが簡単に付くんです。AMPのソーシャルボタン用タグ「amp-social-share」AMPにTwitterやfacebookなどのソーシャルへのシェアボタンを付けるには、AMP拡張の<amp-social-share>タグを使うことで実現できます。こんな感じで表示されます。freeSIM.tokyoamp-social-shareについてはこちらでパラメータが解説されています。実際にAMPページにTwitterとfacebookのソーシャルボタンを付ける手順はこちら。目次headにamp-social-share.jsを埋め込むシェアボタンのタグを挿入facebookは要app_idheadにamp-social-share.jsを埋め込むampへのAdsenseの表示と同じように、headにamp-social-share.jsのタグを挿入。実際にボタンを設置したい所にタグを挿入します。Twitterの場合は、このタグを入れます。type="twitter"></amp-social-share><facebookは要app_idfacebookだけapp_idが必要です。開発者向けFacebookでサイト用のアプリを設定し、そのapp_idを「data-param-app_id=」で指定してあげます。data-param-app_id="********"></amp-social-share>他にも、大きさやテキスト、URLを指定したりできるようです。リファレンスにあるサンプルコードはこんな感じ。world"data-param-url="https://example.com/"></amp-social-share>typeをみるとLinkdInで、width/heightで大きさ指定。data-param-textで紹介する文章を指定して、data-param-urlでURLを指定できるみたいですね。このタグの中で「CANONICAL_URL」と「TITLE」はURLとタイトルとして定数になっているようなので、そう記述しておいても機能するっぽい。ソーシャルボタン関連記事Twitterの超速GIFアニメルーレットが面白いTwitterのGIFアニメルーレットで面白いのをたまたま見つけました。記事を読むSHARPの喋る空気清浄機は「空気の読める」清浄機だった!あると便利な空気清浄機。SHARPの空気清浄機はいろいろと喋るそうですが、ジャストなポイントで「空気の読める」発言をしていた、と話題です。ConsoleのAMPエラー修正がおおむね終了。かかった時間は・・・?やっとサイトの過半を占めていたAMPエラーの修正が終わりました。記事を読むfacebookログインのGrabPayにカード情報を記憶させる方法Grabのアプリをfacebookログインで使っているとなぜかGrabPayに支払い方法が残らない・・・というときの解決方法。記事を読む目トレス、トレパクってなんだ?ちょいちょいTogetterなどで見かける「目トレス」「トレパク」の文字。prefix」が含まれていますが、これは許可されていません。AMPのエラーの対応になんか追われています・・・。prefix」が含まれていますが、これは許可されていません。タグの属性で指定されたレイアウトが無効です。秋葉原バーキンの縦読みが話題だけれども。IIJのeSIM(β版)をiPhone11に入れてみた。ConsoleのAMPエラー修正がおおむね終了。prefix」が含まれていますが、これは許可されていません。タグの属性で指定されたレイアウトが無効です。prefix」が含まれていますが、これは許可されていません。タグの属性で指定されたレイアウトが無効です。freeSIM.tokyo.。