TYPO3 のユーザーは、電話番号を (テキストとして) のように追加できます+49(0)1234/567890
。これにより、次の HTML 出力が生成されます。
<p class="bodytext">Some Text<br>
Telephone: +49(0)1234/567890<br>
Fax: +49(0)1234/56789
</p>
ここで、モバイル バージョンの電話番号を のように再フォーマットする必要がありtel:0049123467890
ます。しかし、私はもっとやらなければなりません。このリンクに追跡コードを追加する必要があります。例えば:
<a href="tel:0049123467890" onclick="javascript:_gaq.push(['_trackEvent', 'Mobile', 'URL', 'Call']);" target="_blank" title="call me">0049123467890</a>
どうすればいいですか?
最初に、次のような Javascript/jQuery ソリューションについて考えました。
<script type="text/javascript">
/* <![CDATA[ */
$(function(){
$("span, p").each(function() {
var phonelink = '<a href="tel:0049123467890" onclick="' + "javascript:_gaq.push(['_trackEvent', 'Mobile', '" + document.URL + "', 'call']);" + '" target="_blank" title="call me">+49(0)1234/567890</a>';
var text = $(this).text();
text = text.replace("+49(0)1234/567890", phonelink);
$(this).text(text);
});
});
/* ]]> */
</script>
これは私が期待することをしません。それを行うと、フォーマット全体が破壊されます。ここで何か間違ったことをしていますか?
一般的に、私はよりクリーンなソリューションを探します。つまり、サーバー側でコンテンツを調整する必要があります。そのため、TYPO3 のコンテンツは、ウェブサイトがモバイル デバイスに配信される前に置き換えられる必要があります。通常、電話番号は変更されるべきではなく、電話番号が常に同じ形式であることを保証する必要があります。しかし、ここではそれをどのように実装できるかわかりません。
それとも、私は完全に間違っていて、より良い解決策がありますか?