[XE] 피드, 유튜브, 인스타그램 수집모듈 기본 메뉴얼

사과 0 136

설정1 : 모듈 생성후 저장.

2ed771b9010cf286b87aff6311eb3dcd_1511164312_6351.PNG
 


2. 생성 후 리스트로 가서 설정(톱니바퀴 클릭)

2ed771b9010cf286b87aff6311eb3dcd_1511164312_6901.PNG
 


3. 설정 및 세팅

2ed771b9010cf286b87aff6311eb3dcd_1511164312_7392.PNG
 


4. 설정 메뉴에서 방금 등록한 모듈이름을 적용 후 저장.

2ed771b9010cf286b87aff6311eb3dcd_1511164312_8138.PNG
 


5. 유튜브 api 얻기


링크로 대체합니다

http://blog.naver.com/taglive/220645268674 



6. 데모페이지에 적용된 값


RSS

​rss url : http://fs.jtbc.joins.com//RSS/newsflash.xml 

2ed771b9010cf286b87aff6311eb3dcd_1511216314_6119.PNG 


유튜브


api키 : AIzaSyAlzIfQvSyYcGWbm9uxX9jeIestZFir0uE

키워드 : jtbc

iframe에 적용할 스타일 : width:100%;height:550px


* api키는 본인 것을 직접 발급 받으셔야 됩니다. 사용에 문제가 생길 수 있습니다. 

* iframe에 적용할 스타일은 정해진 것이 아니므로 사이트 상황에 따라 달리 적용해주시면 됩니다.

2ed771b9010cf286b87aff6311eb3dcd_1511216314_4979.PNG


인스타그램


​태그 수집시에는 종류를 태그로, 값에는 예를들어   이렇게 써주시면 됩니다.

특정사용자 수집시에는 종류를 유저로, 값에는 사용자주소를 써주시면 됩니다.

대표 썸네일을 가져오며, 위젯등에서 인스타그램으로 바로 링크를 걸 수 있도록 사용자정의 필드에 인스타그램 페이지값을 가져와서 저장합니다.

2ed771b9010cf286b87aff6311eb3dcd_1511216314_7061.PNG 

카드타입A 설정


RSS중 카드타입A의 경우 게시판설정 상단내용 부분이나, 레이아웃 CSS 부분에


<style>

.rs-card{width: 100%;max-width:100%;display:inline-block;position:relative; box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);}

.rs-card-img{width: 30%;height: 200px;}

.rs-card-img br{display:none}

.rs-card-img img{width:100%;height:100%;}

.rs-card-img div{background:#dc133c;color:#fff;font-size: 45px;height:100%;text-align: center;line-height: 200px;}

.rs-card-txt{width: 70%;}

.rs-card-title{font-size:25px}

.pull-left{float:left}

.p10{padding:10px}

</style>

추가해주시면 됩니다. 

각자 원하시는 스타일에 맞게 CSS 수정 적용하시면 됩니다.


382eb9559998747862432c795ede8e15_1512103464_6377.PNG
382eb9559998747862432c795ede8e15_1512103464_7649.PNG
29c8f19d3b77f5e95fe7531be37f931f_1513176046_394.PNG
 


설정 팁

속도는 대부분 수집대상 페이지를 방문할때 발생합니다. 즉, 여러페이지를 방문해야 되는 상황일수록 문제가 됩니다.

여러페이지를 방문해야 되는 상황을 피하기 위해선


1. 

수집주기를 다 다르게 줍니다. 그러면 시간차가 생기기 때문에, 한번에 하나의 페이지만 방문하게 됩니다.


2. 

수집갯수를 조정합니다. 

유튜브의 경우 50개가 넘어가면 다음페이지까지 방문해야 됩니다. 처음수집시 많은 수집이 필요하다면 그때만 그 이상으로 두고, 평소에는 50개 이하로 두시길 권합니다.

인스타그램의 경우엔 10개로 생각하시고 제한을 두시면 됩니다.




라이믹스 사용 중 다른에디터나 컴포넌트 등에 의해 class가 날아간다는 문의가 있었습니다.


그런증상 발생시 

'시스템설정' - '보안설정' - 'html class' 파트에

rs-card

rs-card-img

rs-card-img br

rs-card-img img

rs-card-img div

rs-card-txt

rs-card-title

pull-left

p10

를 추가하면 된다고 하시네요~ (몽실담비님)


0 Comments