실시간TV∴영화∴드라마∴예능 분류 전체보기1648 티스토리 블로그 본문 상단에 애드센스 광고 배치 방법 (왼쪽, 오른쪽, 양쪽에 광고 배치하는 HTML코드) 티스토리(Tistory) 등 블로그를 운영하다 보면 많은 고민을 하게 됩니다. 그중에 하나가 블로그 광고(애드센스) 위치에 대한 고민인데요 왠만하면 블로그 글의 접근성을 유지시키면서 광고수익도 높다면 좋겠죠. 초반에는 이리저리 광고 배치를 바꿔가면서 많은 시행착오를 격었죠. 아래의 글들이 제가 어떻게 방황했는데 보여줍니다. 구글 애드센스(Adsense) 728x90 크기 광고를 블로그 상단에 배치하면서 느낌점 (애드센스 광고수익을 높이기 위한 전략) 구글 애드센스(Adsense) 300x600 대형스카이스크래퍼 광고수익에 대한 생각 구글 애드센스 (Google Adsense) 광고 정책위반을 슬기롭게 대처하는 법 HTML 코딩을 전혀 모르더라도 따라 할 수 있게 설명해 보겠습니다. 티스토리 블로그 본문 .. 2013. 12. 30. [티스토리] 블로그에 애드센스 다는법 (상단,하단,본문,사이드바) 1. 우선 애드센스 계정이 있어야합니다 계정이 없으시다구요 ? www.google.com/adsense/?hl=ko 여기가셔서 차근히 가입하시고 계정승인받고 오셔용~ 2.계정승인을 받으셨으면 로그인하셔서 내광고 -> 광고단위-> 새광고 단위 누르시고 2.1 광고를 구분하기 위한 이름을 넣으시고 광고크기는 아래 링크에 가시면 한눈에 보실수있어요 https://support.google.com/adsense/bin/answer.py?hl=ko&answer=185666&topic=29561&ctx=topic 알맞는걸루 고르시면되요 2.2광고유형은 텍스트 및 이미지광고 or 리치 미디어광고 or 둘다 이중에서 고르세용 2,3 맞춤채널은 유입 통계세부 설정이라고 하는데 저는 잘모르겠으니까 그냥 패스.... 2.4.. 2013. 12. 30. 일본 모바일 사이트 제작시 고려할 점 모바일 사이트는 개발언어가 한정되어 있습니다. docomo - html au - hdml / xhtml softbank - html / xhtml 때문에 html로 작업을 하며 au는 크게 신경쓰지 않는 편이 좋습니다. 또한 페이지당 130kb를 넘지 말아야 하며 이미지 사용시 jpg를 사용하는 것이 일반적입니다. 자바 / 쿠키값 / 등의 사용을 피하며 출력문의 언어셋은 shift_jis가 기준이나 추후 utf-8을 사용하는 것도 무방합니다. 2013. 12. 30. 모바일사이트에서 사용가능한 태그 html head title body meta ***** blink marquee font blockquote p pre ***** dl dt dd ol ul li ***** div center ***** img br hr **** a ***** form input select option textarea 모바일제작시 참고하세요. 2013. 12. 30. 모바일 사이트 10개 조항 ＜모바일 사이트 10개 조항＞ 1. 도코모, KDDI, 소프트뱅크등 최저 3 종류의 캐리어별로 페이지를 준비하지 않으면 안된다. 2. 쿠키는 기본적으로 사용 불가. 3. 테이블 태그를 사용할 수 없다. 4. 파라미터의 문자수가 제한되고 있다. 5. 메일 매거진을 일정량 이상 보내면, 캐리어의 블록을 받아 전달할 수 없게 된다. 6. 1 페이지에 표시할 수 있는 용량이 단말에 따라서 다르다. 7. 리디렉트는 연속 2회까지 한다. 8. uid, sid, pid3개는 파라미터명으로서 이용해서는 안된다. 9. SSL(HTTPS)의 페이지에서는 UID를 취득할 수 없다. 10. 캐리어에 의해서, 단말 식별 번호의 취득 방법이 다르다. 접속정보 Mozilla/5.0 (Windows; U; Windows NT 5.1.. 2013. 12. 30. 모바일 전용페이지 적용팁 파일은 아래 주소에서 다운받으세요 http://detectmobilebrowsers.mobi/ 2013. 12. 30. 모바일에서 사용가능한 이미지 확장자 docomo - mova : gif (일부에서는 jpeg가능) - foma : gif/jpeg au - hdml : png/bmp (일부에서는 jpeg가능) - wap2.0 : png/gif/jpeg/bmp softbank - c : png/jpeg - p : png/jpeg/mmg - w,3gc : png/gif/jpeg/mmg 이렇듯 3사에서 사용하는 이미지 확장자가 다르나 95% 이상 지원하는 확장자는 jpeg이므로 모바일과 연동해서 쇼핑몰등은 jpg이미지를 사용해야 합니다. 2013. 12. 30. 모바일 페이지로 자동 이동!!! 2013. 12. 30. 아이폰 웹어플리케이션 개발시 꼭 알아야할것 1. 아이폰용 css 적용하기 @media only screen and (max-device-width: 480px) { /* iPhone only CSS here */ #test-block { background: red; } } 아이폰은 max-device-width가 480px로 정의되어 있습니다. 위 두개의 코드는 이러한 값을 이용하여 아이폰용 css를 추가하는 방법입니다. 범용적인 스타일시트로 모바일 웹어플리케이션을 개발후 아이폰에서는 더 나은 UI를 만들기 위해 위와 같이 아이폰용 CSS를 추가함으로써 아이폰의 사파리브라우저로 접속하는 사용자들에게 다른 UI를 제공해줄수 있습니다. 2. 아이폰용 서버측 코드 실행하기 Short iPhone only title Regular title php의 .. 2013. 12. 30. 아이폰 사파리에도 개발자도구가 있을까? 데스크탑용 사파리 브라우저를 열면 웹어플리케이션 개발자를 위한 여러 부가기능을 제공하고 있습니다. 개발자용 이라는 메뉴에 들어가면 DOM을 본다던지, javascript 디버깅을 한다던지, 캐시나, 이미지, 자바스크립트, css를 손쉽게 비활성화, 활성화 할 수 있습니다. 그렇다면 아이폰의 사파리 브라우저도 이러한 기능이 있을까요? 정답부터 말씀드리자면 "네 있습니다" 입니다. 아이폰의 '설정→Safari→개발자용→콘솔 디버그' 를 따라 들어가면 콘솔디버그 기능을 켜고 끌수가 있습니다. 콘솔디버그를 켜고 사파리 브라우저를 실행하면 주소창 아래에 콘솔 디버그라는 바가 나타납니다. 페이지내에서 오류가 발생되는 경우 몇개의 오류가 발생했다는 표시가 나타나며 이를 클릭하면 어디서 어떠한 에러가 발생했는지 친절하.. 2013. 12. 30. 아이폰(iphone) safari 웹개발 기본 팁 아이폰(iphone) safari 웹개발 기본 팁 1. -webkit-text-size-adjust 페이지가 회전할때 폰트사이즈가 자동으로 변경되지 않도록 한다 그러나 안좋은 면이 있는데 보통 webkit 브라우저들에서는 적용안됨. auto : default값, 화면의 폭에 맞추어서 텍스트 크기가 자동으로 조절된다. none : 폰트의 자동크기변환을 막으며 모바일웹에서 일반적으로 설정한다. n% : 폰트크기를 지정된 사이즈로 변경한다. html { -webkit-text-size-adjust:none; } 2. apple-mobile-web-app-capable content값이 yes로 지정하면 풀스크린모드로 자동하고 그렇지 않으면 일반모드로 작동한다. window.navigator.standalone.. 2013. 12. 30. 안드로이드 브라우저를 쓰는 모바일웹에서 동영상 재생문제 모바일웹용 mp4 동영상 스트리밍 재생 방법 1. 필요항목 1.1 스트리밍 동영상 서버 - 옴니아용 - Window Media Server ( mms 프로토콜로 동영상 스트리밍) - 안드로이드용 - 다윈스트리밍서버(무료제품 http://www.devpia.com/Maeul/Contents/Detail.aspx?BoardID=278&MAEULNo=20&no=29095&ref=29095 ) - IPhone용 - 웹서버 1.2 테스트를 위한 도구 -옴니아폰, 안드로이드폰, iPhone 1.3 hint를 처리하는 프로그램 - 안드로이드 계열은 rtsp 프로토콜로 mp4파일의 스트리밍을 지원한다. rtsp로 스트리밍을 위해서는 hint로 처리해야한다. mp4box 라는 프로그램이 있다. (예 : mp4box -h.. 2013. 12. 30. 안드로이드(Android SDK) 앱 개발 강좌 모음 http://rsequence.com/android_blog/study_android_example_1 http://l2j.co.kr/entry/안드로이드Android-SDK-앱-개발-강좌-모음 - AndroidPub : 안드로이드펍 한국 안드로이드 사용자 및 개발자 커뮤니티. 소개 : 한국 안드로이드 커뮤니티 홈페이지 : http://www.androidpub.com - 공식 안드로이드 공식 홈페이지들 소개글 : 안드로이드의 전체 소스를 다운받을 수 있음 홈페이지 : 소스 http://source.android.com 공식 http://www.android.com 마켓 http://market.android.com 개발자 http://developer.android.com - 안드로이드 써드파티 마켓 .. 2013. 12. 30. 모바일웹으로 포워딩하는 스크립트 2013. 12. 30. 아이폰, 안드로이드 바탕화면에 바로가기 만들기 1 먼저 접속하는 사용자의 디바이스 정보를 알아야 했습니다. iphone, ipad 는 userAgent 정보에 iphone, ipad 라는 문자가 들어가 있으나 안드로이드 기기의 경우 갤럭시S 같은 명칭이 없고 android 란 단어만 있었습니다. 2 애플 계열의 경우 rel="apple-touch-icon" 을 사용했습니다. apple-touch-icon-precomposed 도 사용할수 있음, 차이점은 이미지 모양, 아이폰 이미지의 경우 자동으로 줄여 줘서 114*114 아이패드는 72*72를 사용하였습니다. 안드로이드 폰의 경우 apple-touch-icon 이 적용 되지 않고 rel="shortcut icon" favicon 을 사용 하였습니다. 3 갤럭시S, 갤럭시탭의 경우 웹 페이지에서 북마.. 2013. 12. 30. 이전 1 ··· 105 106 107 108 109 110 다음 반응형
