amazon おまかせリンク貼りの苦労

昨日から blog と本館に、「amazon.co.jp のおまかせリンク」を貼ってみました。以前から延々と放置状態になっていた、アソシエイト・プログラムを復活させてみたというわけです。報酬で大儲けしてウハウハ、なんてことはあまり考えていないのですが (そんなことに使う労力があったら、本業のために使うべきだと思う)、すごく不純な動機がありまして。

つまり、「うちみたいに "特殊" な内容の記事が多いサイトで、記事の内容をベースにする『おまかせリンク』を導入したら、amazon.co.jp はどんな商品をお薦めしてくるか興味があった」というわけです。もうほとんど嫌がらせ (笑)

blog の方は、「マイリスト」を新規にひとつ作成して、amazon.co.jp が生成する HTML タグを貼り付けるだけでできました。ところが問題は本館の方。

御存知の方もいらっしゃるかと思いますが、うちの本館の記事は XML で書いた文章と XSLT のスタイルシートを組み合わせて、自作のスクリプトで HTML を吐かせています。そのため、XSLT スタイルシートにタグをそのまま貼り付けると、コメントになっている設定情報が HTML への変換で消えてしまい、おまかせリンクのスクリプトが動作しないのです。

実は、この問題の解決はそんなに難しくなくて、<xsl:element> タグ、<xsl:attribute> タグ、<xsl:comment> タグを使って、元と同じタグをでっち上げればいいのです。

<xsl:element name="script">
　<xsl:attribute name="type">text/javascript</xsl:attribute>
　<xsl:comment>設定情報がゴニョゴニョ</xsl:comment>
</xsl:element>

ところが、amazon の「おまかせリンク」が使っている <script> タグの中に、テキスト部分がないやつが含まれています。これを素直に <xsl:element> タグで記述すると、出力した HTML では空要素タグ「<script src="" />」になってしまいます。
これをブラウザで表示させてみたら、「おまかせリンク」より後の記事本文を表示しなくなってしまいました。HTML を手作業で修正して「<script>～</script>」の形にすると問題ないので、なんとかして空要素タグの生成を阻止しなければならない、ということになります。

そこで、こうやったらうまく行きました。

<xsl:element name="script">
　<xsl:attribute name="src">http://～</xsl:attribute>
　<![CDATA[ (ダミー) ]]>
</xsl:element>

なんのことはない、ダミーの CDATA セクションをかましたら、XSLT プロセッサが騙されて開始タグと終了タグを作ってくれたというわけです。

ここまでは面倒でしたけれど、いったんタグと配置場所が決まれば、後は全部のコンテンツについて HTML を出力し直して、FTP でアップロードすれば OK。たちどころに、XML ベースで作っているすべての記事に「おまかせリンク」がついてしまいました。めでたしめでたし。