javascriptとPHPを混載して、ワードプレスのショートコードをデバイスによって切り分ける

Question

ワードプレスのヘッダー内で、デバイスによって表示するショートコードを切り分けることは可能でしょうか。
javascriptとPHPが混載するので、うまく書けずに困っています。

以下のプログラムでは動かないのですが、やりたいのはこのような感じです。

<script>
	var ua = navigator.userAgent;
console.log(ua);
	if (ua.indexOf('iPhone') < 0 && ua.indexOf('Android') < 0) {
		document.write('<?php echo do_shortcode("[metaslider id=xxx]");?>');
	}
else{
		document.write('<?php echo do_shortcode("[metaslider id=xxx]");?>');
}

</script>

よろしくお願いいたします。

Answer 1

PHPはサーバ上で実行され、ブラウザにHTMLを返します。JavaScriptが実行されるのはそれからなので、JavaScriptの値で何かをしたいときには別途PHPを呼ぶ必要があります。

書かれている内容ならPHPのみでも可能ではないでしょうか。

【phpでUAでのPCとスマートフォンの切り替え方法 - Qiita】
http://qiita.com/kamesennin/items/c04e429fb6d0a846d55d

【2015年版PHPユーザエージェント判別・判定】
https://w3g.jp/blog/php_ua_sniffing2015

Comments

[natlpush]

ありがとうございます。
PHPだけでできました。
助かりました。
ありがとうございました。

Answer 2

JavaScriptを使う理由は何でしょうか？
JavaScriptを使わずPHPだけでやるとしたらこんな感じで良いと思いますが…

function is_mobile() {
$UA = array(
	'Android',
	'iPhone',
);
	$pattern = '/'.implode( '|', $UA ).'/i';
return preg_match( $pattern, $_SERVER['HTTP_USER_AGENT'] );
}
if ( is_mobile() ){
	echo do_shortcode("[metaslider id=xxx]");
} else {
	echo do_shortcode("[metaslider id=xxx]");
}