Twitterでシェアする内容を動的に変える時の注意点。limit!webの現場で働く人のブログこの広告は、90日以上更新していないブログに表示しています。Twitterでシェアする内容を動的に変える時の注意点。jQuery某案件で[クイズに答えて正解数に応じてTwitterでシェアする内容を変更するもの]を実装しました。ここでネイティブアプリ(iPhoneとかに入っているTwitterアプリ)でハマったので記録として記しておきます。jQueryを使用した話になります。attrメソッドを使用してのシェア内容の変更はネイティブアプリでは動かない。そのままですが、attrメソッドを使用しhrefの内容を変更すると、Twitterアプリを立ち上げてシェアした際に変更したシェア内容が継承されず、真っ白になります。URLの:(全角)を:(半角)に変更してくださいPCで検証した場合、Twitterページが立ち上がりうまくシェアできますが、ネイティブアプリがiPhoneなどに入っている場合ツイート内容が消えてしまいます。URLの:(全角)を:(半角)に変更してください一度aタグを消して再度、DOMを生成させています。することでネイティブアプリでも動的に変更したシェア内容を引き継ぎ、ツイートすることができます。パフォーマンス的にはその都度、要素を消したり追加したりしているのであまりよくない気がしますが...jQueryを使用する場合、この方法で良いかと思います。まとめTwitterでシェアする内容を動的に変える時は必ず実機で確認する!jQueryを使用する場合は、attrメソッドを使用しない!その都度、DOMを生成させる!エンコードは怠るな!以上です。試してないですが、ReactやAngularJSだとこんなことしなくてもうまくいけるかもですねー。Twitterでシェアする内容を動的に変える時の注意点。最新記事.htaccessによる少し複雑なリダイレクト備忘録Webの現場で使えるテクニック集まとめ(完全メモ帳)jQueryを使用しない現在地表示(ES6:JavaScript)【JavaScript】現在のURLを取得し、パラメータは除外するJSONジェネレータを作る(Vue.jsとかJavaScriptとか)月別アーカイブ注目記事はてなブログをはじめよう!paradox_tmさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。