휴대 기기의 콘텐츠 위치 변경

Question

http://chasemccoy.net/에 사이트를 운영하고 데스크톱에서 사이드 바에 광고를 게재합니다. 이는 광고 네트워크의 일부 JS 코드에서 가져옵니다.

사이트는 iPhone에서 볼 때 맞춤 레이아웃을로드합니다. 휴대 기기에 광고가 게재 될 때 해당 광고를 사이트의 바닥 글에 배치해야합니다. 모바일 레이아웃을 변경하기 위해 미디어 쿼리를 사용하고 있습니다.

내 초기 솔루션은 JS를 바닥 글에 추가하고 display : none; 데스크톱 버전. 그러나 JS는 사이트에 두 번로드되지 않습니다. 기본적으로 JS가 푸터 코드에 도달 할 때까지 모바일 버전에서 JS가로드되는 것을 방지하는 방법을 알려줍니다.

쉽게 해결할 수 있습니까? 나는 어떤 방식 으로든 JS wiz가 아니다. 당신의 도움을 주셔서 감사합니다.

편집 : 여기에 광고의 JS는 다음과 같습니다 단순히 내가 표시하고자하는 HTML의 위치에 붙여

<script async type="text/javascript" src="//cdn.yoggrt.com/yoggrt.js?zoneid=1353&serve=C6SD52Y&placement=chasemccoynet" id="_yoggrt_js"></script> 

. 유일한 문제는 브라우저가 코드의 인스턴스를 두 개 이상로드하지 않는다는 것입니다.

편집 : 다음은 사이드 바 개요입니다.

div id="sidebar"> 

    <div class="gravatar"> 
     <a href="http://chasemccoy.net/"><img alt src="avatar.png" class="avatar avatar-100 photo" height="100" width="100"></a> 
     </div> 

    <ul> 
    <li><a href="http://chasemccoy.net/start-here">Start Here</a></li> 
    <li><a href="http://chasemccoy.net/colophon">Colophon</a></li> 
    <li><a href="http://chasemccoy.net/archive">Archive</a></li> 
    <li><a href="http://chasemccoy.net/rss">RSS</a></li> 
    </ul> 

    <!-- Yoggrt.com Zone Code --> 

    <script async type="text/javascript" src="//cdn.yoggrt.com/yoggrt.js?zoneid=1353&serve=C6SD52Y&placement=chasemccoynet" id="_yoggrt_js"></script> 

    <!-- End Yoggrt.com Zone Code --> 

</div> <!-- Sidebar --> 

Answer 1

HTML 코드를 복사하기 만하면됩니다. JS 코드가 아닙니다. 그리고 같은 디스플레이를 사용하십시오 : 없음; 방법.

나는 HTML 코드를 두 번 사용함을 의미합니다. JS 코드를 두 번 사용하지 마십시오.

Answer 2

몇 가지 선택 사항이 있습니다. 하나는 스크립트 노드를 동적으로 생성하는 것입니다.

if(! navigator.userAgent.match(/iPhone/i)) { 
    var aScripts = document.getElementsByTagName('script'), 
     elContainer = aScripts[aScripts.length - 1].parentNode, 
     elScript = document.createElement("script"); 

    elScript.type = "text/javascript"; 
    elScript.src = "http://chasemccoy.net/wp-content/themes/lessismoresidebar/js/retina-1.1.0.js" 

    elContainer.appendChild(js); 
} 

더 here : 사이드 바에서 당신은 (하지 테스트) 이런 식으로 뭔가있는 스크립트 노드가 필요합니다.