pornpare.comの開発日記

www.pornpare.comの開発日記です。

9月の振り返り 開発編

9月末ということでpornpare.comの振り返りを行いたいと思います。

 

9月の方針については下記参照

 

pornpare.hatenablog.com

 

大方針としては

* リピーターUU改善

* 新規ユーザーの直帰率改善

ということで開発を行いました。

 

やったことを大きくあげると以下の通りです。

* gaタグ埋め込みまくり

* movies詳細ページとトップページのレイアウト修正

* キャッシュ機構導入

 

それぞれ詳しめに解説すると

* gaタグ埋め込みまくり

これは文字通りですが上記方針を実行するにあたり現状の課題を明確に把握するためにユーザーの動向をより細かく把握する必要があったためです。具体的にはaタグにクリックイベントを仕込んでどのボタンがよく押されているのかであったりを取得するようにしました。

f:id:pornpare:20170930022931p:plain

 

* movies詳細ページとトップページのレイアウト修正

gaタグを埋め込んだ結果が上のとおりです。

もともと抱えていたmovies詳細の離脱率が高いという課題については上記gaタグの話とはまったく別で関連する動画のリンクをページ下部に差し込み導線を増やしました。

トップページについてはgaタグ埋め込みの結果を参考に、カテゴリー一覧/女優一覧といったユーザにとって重要度の低いものをヘッダー部分に移動させてコンテンツを大きく見せるといった具合に変更を加えました。

 

ヘッダーのこのあたりとかです。

f:id:pornpare:20170930193105p:plain

 

 

* キャッシュ機構導入

以前述べたとおりですが、ユーザの行動履歴を取得するためにelasticacheの導入を行いました。またせっかくなのでということでカテゴリー一覧/女優一覧の集計周りのデータ保持をelasticacheに任せることで読み込み速度の高速化を図りました。

 

以上9月の開発のダイジェストになります。