ネットショップ運営者のための“コンバージョン率を上げる購入手続き”

ネットショップ運営者のための“コンバージョン率を上げる購入手続き”について、googleにノウハウが掲載されていたのを、日本語訳してビデオ解説してくれているブログがあったので紹介します。

海外SEO情報ブログ



スポンサーサイト

cssとかwebデザインするのに役立つサイト


CSS Lecture

CSSリファレンス、(X)HTML、Movable Type、その他Webサイト制作に関する役立つ情報を掲載してます!

postfix設定した時の参考サイト

http://www.miloweb.net/smtpauth.html
http://www.miloweb.net/mail.html#2
http://fedorasrv.com/postfix.shtml

divで縦のセンタリング

CSSで、縦のセンタリングをする場合、tableとかだと

vertical-align:middle;

とかで、対応が可能だけど、divとかには効かない。

そこで、見つけたのがココ
文章が1行の時しか効かないけど、いい方法だったのでメモ。


div{
width : 400px;
height : 50px;/*ボックスの高さ*/
line-height : 50px;/*縦のセンタリングの為に指定*/
}

prototype.js と jquery.js を一緒に使う

javascriptのライブラリであるprototype.js と jquery.js。
それぞれのライブラリを使った、モジュールが色々インターネットに落ちているけど
そのままだと、その二つを一緒に使うことが出来ない。

なので、下記のようにすると使えるようになった。


<script type="text/javascript" src="/common/js/jquery.js"></script>
<script type="text/javascript">
jQuery.noConflict();
</script>

<script type='text/javascript' src='/common/js/prototype.js'></script>


jQuery.noConflict(); を追加して、順番を上記のようにする。
その後、jQueryを使っているプログラムの、$(jQuery( に置換すれば共存して使えるようになった。

クロスブラウザの min-height


min-height:220px;
height: auto !important;
height: 220px;

とする事で、IE6とかで効かないmin-heightが有効になるらしい。

画像とかの横スライド(カルーセル)

画像とかを横スライドさせるajaxのサンプル。

■prototype


■ jQuery


prototype.js と、jQuery.jsが共存してたりすると
おかしな動作する事があるので、使い分けが必要。

急にPASVモードじゃなきゃ接続出来なくなった

今まで、FTPをPASVモード無しで接続していたのに、急に接続出来なくなった。
原因は(おそらく)iptables とかで、ポートを塞いだから。

/etc/vsftpd/vsftpd.conf


pasv_promiscuous=YES
pasv_min_port=4000
pasv_max_port=4029

を追加し、/etc/rc.d/init.d/vsftpd restartしたら接続出来るようになった。
pasv_min_portの値は、
/etc/sysconfig/iptables
で、あらかじめ設定していた

-A INPUT -p tcp -m tcp --dport 4000:4029 -j ACCEPT

とかと同じにした。

Zend_Db で 固定値を設定する方法

Zend FrameworkのZend_Dbでは勝手に、テーブルのエイリアスとかをつけてくれる。
ただ、いらないときもあるので、そのメモ。

普通だと

// できあがるクエリは、このようになります
// SELECT p."product_id", p."product_name"
// FROM "products" AS p

$select = $db->select()
->from(array('p' => 'products'),
array('product_id', 'product_name'));


これを

// SELECT p."product_id", p."product_name", 0 as etc_column
// FROM "products" AS p

みたいな感じにしたい場合


$select = $db->select()
->from(array('p' => 'products'),
array('product_id',
             'product_name',
             'etc_column' => '(0)',
)
        );


のように、カラム名の後ろに
=> でつなげる。
()で括らないと、エイリアス名がついてしまうので注意。

ajaxでモーダルウィンドウ

ajaxでモーダルウィンドウをする方法が載ってるサイトをメモ。

SIMPLEMODAL
lightwindow
windoo
Window.Growl

各キャリア毎のドメイン指定受信解除のURL

携帯サイトでメール送信する時にドメイン指定の解除をするフローがよくある。
それをサイトから、リンクを貼る方法。


docomo

http://docomo.ne.jp/cp/mailurlfltst.cgi


au

http://imutl.ezweb.ne.jp/cgi2001/utl_menu.cgi


softbank

http://elinks.softbank.ne.jp/selfcare



softbankのみ、実機が無いから確認出来ず・・・。

参考サイトはコチラ

文字コード一括変換ツール

文字コードを一括で変換するツール

http://www.kashim.com/kanjitranslator/index.html

ドメイン名のNS(ネームサーバー)を調べる

centos5 でドメイン名のNSとかMXレコードの調べ方

# nslookup <-- 対話モード
> set type=NS
> 調べるドメイン名

SSLの設定でつまづいた

centos apacheの設定でSSLの設定がうまく出来なかったのでメモ。

つまづいたところ。

iptables でのfirewall 設定がうまくいってないと思いとまどったが
実は、apacheのssl.conf で listen 443 とかの設定が無かったのが原因っぽかった。

nmap -sV localhostで調べたところ
https のポートの設定が無かったのが気付いた原因。

参考サイト
iptablesについて

とっても使えるoverflowプロパティ。その使い方色々。

色々なテクニックをoverflow: hidden;を使って実現してます。

参考サイト

「2.リストの最初だけborderを消す」
は、すごい便利!
これは、こないだ同じようなのをやったけど・・・
無理やりクラスの指定を変えてました。
今後は、これですね~。

こんな感じ↓

#main .overflowExample02 ul {
_zoom: 1;
overflow: hidden;
margin: 0 0 20px;
padding: 0;
}

#main .overflowExample02 ul li {
margin: 0;
margin-top: -1px;
padding: 5px;
list-style: none;
border-top: 1px dotted #666;
}



他にも

  • clearfixみたいに使う

  • IE6のカラム落ちを強制的に防ぐ

  • img要素の横幅に左右されずに横並び

  • 見出しとかマーカーが食いこまないようにする


などについて、書いてありました。

商用サイトでも無料の国内外のWeb制作に使える素材サイト総まとめ・2009

ここを参照

プロフィール

U2K

Author:U2K
いろいろプログラムに関しての覚え書きをちょくちょくと書いていきます。

オススメ










オススメ

忍者AdMax

u2k on Twitter

最近の記事