홈페이지에 배너 광고를 넣으려고 하고 있습니다.

 

애드센스 같은 광고는 아니고, 간단한 배너를 직접 만든 후에 롤링 배너 위젯을 사용해서 적용할 계획입니다.

https://xetown.com/index.php?mid=point_contents&category=17121&page=2&document_srl=539257

 

PC 화면에서는 간단하게 레이아웃 설정에서 사이드바에 위젯을 추가하면 되겠다 싶은데요.

 

모바일 스케치북 게시판에서는 어떻게 해야할지 어려움이 있어서 도움을 구하려고 합니다.

 

요약부터 하면 게시판 목록 화면에서는 목록 밑에, 게시물을 조회 중일 때는 댓글창과 목록 사이에 배너 광고를 넣고 싶습니다.

 

 

제 홈페이지는 종이 모바일 레이아웃을 사용하고 있는데 레이아웃 설정에서는 할수 있는게 없는 것 같습니다.

 

스케치북 게시판 스킨은 '모바일에서 PC와 동일한 반응형 스킨 사용'을 하고 있습니다.

 

그래서 스케치북 게시판 모바일 설정에서 위젯 코드를 입력하는 것은 먹히지가 않구요.

 

그렇다고 기본 설정에 위젯코드를 넣으면 PC 화면에서도 똑같이 적용되기 때문에 원하지 않는 상황입니다.

 

 

제 생각엔 스케치북 게시판 스킨을 '모바일 화면일 때에만 위에 말씀 드린 위치에 롤링 배너 위젯을 넣어라' 라고 수정해야 할 것 같은데요.

 

코드는 아예 몰라서 ㅠㅜ 이렇게 도움을 구하고자 합니다.

 

어떻게 하면 모바일 화면에서 제가 원하는 자리에 배너 위젯을 넣을 수 있을지, 조언 부탁 드립니다!

  • profile

    지금 질문 하신 내용으로 보아 간단한 것이지만 직접 하시기에는 기초부터 배우셔야 할 게 많아 보이네요. 급하신것 이라면 의뢰하기를 통해 도움을 받아 게시해 보세요.

  • profile profile
    https://bjram.... 읍읍
  • profile

    급하신 게 아니라면 공부하신 것에 따라 진행해 보시고 첫번째 막히는 부분부터 질문을 하나씩 올려 이해해가는게 답변 받는데 도움이 됩니다.

     

    나 이거 하고 싶은데 뭔지 잘 모르겠어. 이렇게 저렇게 하면 될 것 같고 여차저차 해서 저기까지 진행한다해도 뭐때문에 안될것 같은데... 이거 하려면 어떻게 해야해요? 

     

    라고 질문을 보게 되면 처음부터 끝까지 모든 과정을 설명해 드려야하는 고난의 과정이 보여서 답변하기 쉽지 않습니다.

  • profile ?
    + html + 간단한 css만 배우면 바로 해결!
  • ? profile

    반응형으로 한가지 스킨으로 사용하셔서 XE의 모바일보기 또는 모바일디바이스 를 판별하는 조건문의 학습이 필요합니다. 뭐 간단한 문제를 질문하신것 같지는 않아요. 물론 반응형에서 모바일,PC를 구분해서 출력하는 것도 어렵거나 한 문제는 아닌 간단한 문제이긴 하죠.

     

    그리고 스케치북은 설정에 따라 모바일에서 전혀 다른 파일을 사용하게 되어 수정할 파일이 의도에 따라 달라지게 되는 문제가 있구요.

  • profile ?
    답변 감사합니다.
    제가 질문 드린것이 답변 주신 분들에게는 간단한? 일이지만 저에게는 간단하지 않은 일이군요!
    홈페이지를 만들고 아주 미미하게나마 몇가지 위젯을 수정하다 보니 @media (max-width...
    이런식으로 모바일일때 설정을 따로 해주더라구요.
    그래서 막연히 스케치북 스킨에도, 모바일일때 위젯을 추가하도록 코드 몇줄만 추가하면 될줄 알았어요 ㅠ ㅎㅎ

    급한 것은 아니라서 일단 PC 에만 배너를 적용하고 모바일 부분은 차근차근 공부해 보겠습니다.
    다만 공부 방향에 대해 조금만 더 알려주실 수 있나요?
    말씀하신 XE 모바일 디바이스 판별 조건문은 어디서 찾아보면 좋을까요?
    또 위에 도토리묵 님이 말씀하신 html 과 css 도 저같은 초보에겐 너무나 방대한데..
    그중에 특히 공부해야 할것 몇가지 알려주신다면 정말 감사하겠습니다!
  • ? ?
    html, css 아예 모르는 왕초보입니다..
    위와 같은 기능을 적용하려면 특히 어떤 부분? 코드?를 공부하면 좋을지 몇가지만 찍어주실수 있나요?
    좀더 공부하고 다시 질문하러 오겠습니다.
  • ? profile
    css 에서 가로폭으로 가리고 노출하고 하는 것보다는 아예 디바이스 혹은 모바일보기 PC보기를 구분해서 출력하는게 성능면이나 여러면에서 좋습니다.

    여기 XE타운 부터 필요하 검색어로 검색을 해보시고 안된다면 구글에서 검색도 해보시기 바랍니다.
    XE타운에서는 검색할때 XE라는 단어를 붙이지 않는게 더 좋지만 구글에서는 붙여주는게 좋겠죠.

    ex) xe 모바일 조건문

    이런식으로 검색해 보시면 먼저 질문한분들 그리고 답변을 확인하시면서 필요한 것을 찾게 되실 겁니다.
    XE에서는 에이전트로 구분해서 모바일단말기인지 아닌지 구분하는 것과, PC보기 모바일보기 로 구분한 것 다양한 모바일의 구분기준이 있으니 지금 하시려는 것에 적합한 것을 찾아서 적용해 보세요.

    아마 하다보면 의도한 파일이 아니라서 안될 수도 있고 문법이 잘못되었을 수도 있고 시행착오를 겪게 되실 겁니다.
  • ? ?
    html은 간단합니다.
    그냥 전체적으로 다 배우시면 일단 레이아웃이라던지, 스킨 수정하는데는 문제가 없을꺼라 생각됩니다.
    https://opentutorials.org/course/2039
  • ? ?
    오 안그래도 생활코딩에서 제일 초보용 강의 WEB1 소화하고 있었어요 ㅎㅎ
    WEB 수업 듣고 html 이랑 css 도 다 들어야겠네요. 감사합니다.
  • profile ?
    아 검색어를 모바일 조건문 이라고 하면 되겠군요! 상세한 답변 감사합니다.
    html, css 등등 기초공부도 같이 하면서 나름대로 시도해 보다가 다시 질문하러 오겠습니다.
  • ? ?
    대충 html => css = >PHP 순으로 배우시면 됩니다.
    프론트엔드를 마스터하려면 추가로 자바스크립트 배우시면 되구요.
    남이 만든 코드를 이해하고 자기 입맛대로 수정할수 있다면 완벽한 겁니다.
    화이팅!
  • ?
    layout.html에서 배너코드 <img.../>를 붙여넣으면 될듯 하네요.
  • profile
    <!--@if(Mobile::isMobileCheckByAgent())-->

    모바일일때 보일 광고
    <!--@else-->

    PC일때 보일 광고

    <!--@end-->

    이렇게 했는데 PC일때는 이쁘게 잘 자리가 잡히지만 모바일일때는 영...
  • profile ?
    기초 공부를 좀더 하고 나서야 말씀해주신 코드를 시도해볼 수 있을것 같습니다.
    나중에 참고해서 해볼게요. 감사합니다 :)