忍者ブログ

記事にあるハートを少しスタイリッシュにしてみたので押してみて下さい。いいね稼ぎです。

以前も書いたようにこのハートの中身は「Web拍手ボタン」で、ハートを押すと「拍手を送信しました」のページに遷移するようになってました。
今までそこは改善したいと思いつつも手つかずだったんですが、調べたところそれぞれの記事に割り当てられた「拍手を送信しました」ページにアクセスがあると回数が+1される……という仕組みだとわかったので、見えないインラインフレームで「拍手を送信しました」ページを表示しつつアラートを出すようにしてみました。
回線ごとに1回しか送れないので、2回目以降はメッセージも違うのが出るようにしてあります。この仕様がいちばん苦労したかも。けっこう強引な方法で初回か否かを判定しているので知識のある方はソースをみて驚愕して下さい。これがねー……環境によって表示される文章が違っててねー……。
仕様上ブラウザの戻るボタンとか使うと何もしてないのにアラートが出たりするのでご了承願います。正直ここも改善できるならしたい。

ちなみにこのアラートはSweetAlertというjQueryを使ったCDNです。存在を初めて知りました。かわいいね。ただこれはこれでこのブログの雰囲気からは時代が飛んでポップすぎる印象があるので、ほどよく地味なモーダルウィンドウにいずれ変更したいと思ってます。
あとは+1された分が画面を更新しないと反映されない点がスマートじゃないから表面上の数字をjsで+1して違和感がないようにするとか……そういうことがしたいですね……できるとは言ってないですが……。
てか、インラインフレームって時代遅れかなあ……。

続きは久々にリプライ(?)の返信です。

拍手[15回]

カテゴリー

AD

AD

PR