状態:調査中
閲覧数:2,596
投稿日:2015-12-31
更新日:2015-12-31
スマホ pc 広告 切り替え bootstrap
468×60サイズ広告を使用すると、スマホレイアウトが崩れる
・スマホ専用サイズ「320x48」が用意されているので、切り替えて使用
クラス指定するだけ
・メディアクエリを指定する必要なし
・js指定する必要なし
クラス名がBootstrap3とは異なる
・変更されている
・Responsive utilities · Bootstrap
▼/views/layout.php
▼/views/allpost.php
・コメントと広告をランダム切り替え
・そのまま格納すると、1が出力されてしまうので、一旦ダミー文字列を格納
・出力時に、実際の表示内容をinclude
468×60サイズ広告を使用すると、スマホレイアウトが崩れる
・スマホ専用サイズ「320x48」が用意されているので、切り替えて使用
Bootstrap使用している場合は
クラス指定するだけ
・メディアクエリを指定する必要なし
・js指定する必要なし
<!--タブレット以上-->
<span class="hidden-sm-down"><?php echo $this->render('common/randomdemo'); ?></span>
<!--スマホ用-->
<div class="row hidden-md-up">
<div class="col-xs-12" style="text-align:center;"><?php echo $this->render('common/ad-200_200'); ?>
</div></div>
クラス名がBootstrap3とは異なる
・変更されている
・Responsive utilities · Bootstrap
▼/views/layout.php
<span class="hidden-sm-down" style="float:right;"><?php include('/var/www/lib/trust_path_allproject/ad/ad-468_60-rakuten.php'); ?></span>▼/views/allpost.php
・コメントと広告をランダム切り替え
・そのまま格納すると、1が出力されてしまうので、一旦ダミー文字列を格納
・出力時に、実際の表示内容をinclude
$str= array();
//$str[] = $this->render('common/ad-200_200');
$str[] = "rakuten";
//include('/var/www/lib/trust_path_allproject/ad/ad-320-48-rakuten.php');
// echo $entrynum;
for($i=0;$i<$entrynum;$i++){
$allcomment[$i]['site_id'] = $allcomment[$i]['topic_user_siteid'] ? $allcomment[$i]['topic_user_siteid'] : $allcomment[$i]['site_id'];
$str[] = "みんなのコメント ".$this->escape(mb_strimwidth($allcomment[$i]['created_at'],0,10))." <a style='font-size:130%;' href=".$base_url."/".$this->escape($allcomment[$i]['site_id'])."/status/".$this->escape($allcomment[$i]['topic_id']).">".mb_strimwidth($this->escape($allcomment[$i]['body']),0,75,"…")."</a>";
// $str[] = "最高6億円が当たる! 「Yahoo! JAPAN」提供最強サービス登場！";
// $str[] = "みんな知ってた？ この「Yahoo! JAPAN」提供サービス!!";
}
$num = rand(0, count($str)-1);
if($str[$num]=='rakuten'){
include('/var/www/lib/trust_path_allproject/ad/ad-320-48-rakuten.php');;
}else{
echo $str[$num];
}
対応
現状
PCランダムサイズ広告表示
▼views/status/individual.php
<?php
// if($i <= 2){//adsence表示回数。これを超えると空白が出来てしまう
echo "<div class=\"float_left\">";
// echo $this->render('common/ad-336_280');
echo $this->render('common/ad-300_250');
echo "</div>";
// }
?>
問題点
・大きいサイズの広告が選ばれた場合、スマホ横幅が広がる可能性があるため、ドロワーメニューが表示されなくなる
対応
・PCサイズ広告よりランダム選択
・スマホサイズ広告よりランダム選択
対応
▼views/status/individual.php
status
<!--レスがなければ-->
<?php if(!$res): ?>
<!--スマホ用-->
<?php
echo "<div class=\"hidden-md-up\" style=\"text-align:center\">";
echo $this->render('common/ad-random-smart');
echo "</div>";
?>
<?php endif; ?>
res
<!--タブレット以上-->
<?php
echo "<div class=\"float_left hidden-sm-down\">";
echo $this->render('common/ad-300_250');
echo "</div>";
?>
<!--スマホ用-->
<?php
echo "<div class=\"hidden-md-up\" style=\"text-align:center\">";
echo $this->render('common/ad-random-smart');
echo "</div>";
?>
▼views/common/ad-random-smart.php
<?php
$n='';
$n = mt_rand(0,2);
$str1= array();
$str2= array();
if($n==0){
$num1='';
$str1=file(dirname(__FILE__) . "/ad-list-smart-rakuten.php");
$num1 = rand(0, count($str1)-1);
echo $str1[$num1];
}else{
$num2='';
$str2=file(dirname(__FILE__) . "/ad-300_300-list-admax.php");
$num2 = rand(0, count($str2)-1);
echo $str2[$num2];
}
?>
▼/var/www/lib/trust_path_allproject/ad/ad-list-smart-rakuten.php
<script type="text/javascript">rakuten_design="slide";</script>
<script type="text/javascript">rakuten_design="slide";</script>
<script type="text/javascript">rakuten_design="slide";</script>