아멕스 오퍼 한번에 모두 다 Add to card 하기

이런 꿀팁이...! 

일단 스크랩부터 하구요. 팁 감사합니다

Chrome extension 전 사용않해봤는데

아직도 작동이 되나요?

https://www.milemoa.com/bbs/board/6987192

제가 이거 정말 잘 쓰다가 어느순간부터 안되더라구요.

그래서 어떻게 하지? 하고 찾아보다가 발견한게 이 글 내용입니다. ㅎㅎ

오늘 이 익스텐션 지우기 직전에 한번 테스트 해봤는데 안되더라구요. 

익스텐션 리로드 한 번 해보세요.

감사합니다 :) 매번 번거로웠는데 잘 적용했습니다!!

ㅎㅎ 그러고보니 아래 글 쓴지 딱 2년 됐네요

북마클릿으로 만들어놓으면 버튼 클릭 하나로 됩니다 https://www.milemoa.com/bbs/board/6896064#comment_6898087

북마클릿 만들기: 아래 한줄을 마우스로 긁어서 북마크바에 드랍하세요

javascript:var offers = document.querySelectorAll("button.offer-cta"); for (let i = 0; i < offers.length; i++) { setTimeout(function() { console.log(i + "/" + offers.length); offers[i].click(); }, i * 100); }

허걱!!! 잘 되네요. 2n2y님 글 따라서 주물럭 주물럭... "F12... 콘솔 열고... 붙이기.. 이렇게 하는건가? 극적극적..북마크도 있네. 카피해서 붙이고.. 이렇게 하는게 맞나 모르겠네..? 모르겠다 클릭?!" 그런데 갑자기 뿅뿅뿅 오퍼들이 다 담겨졌어요. 신기방기.. 감사합니다. 덕분에 편하게 됩습니다. ^^*

와 진짜 잘되네요. 감사합니다!!!

Firefox에서는 안되는데, 다들 Chrome쓰시는 거죠?

파폭에서 안 될 이유가 없는데, 어떤 부분에서 막히세요?

JS console에서 붙여넣고 실행하면 이런 저런 에러가 나오는데, 맨 마지막은 이겁니다.

Uncaught SyntaxError: await is only valid in async functions, async generators and modules

혹시 맥 쓰시면 quotation 자동수정 때문일지도 모릅니다. 

파이어폭스가 더 스트릭트 하네요.

기존 코드도 썩 좋은 코드는 아니지만 다른 거 웬만하면 안 건드리고

파폭에서도 실행 가능하게끔만 바꿔보자면...

[하단 최근 댓글 속 코드로 대체]

넵. 잘 됩니다!!!

감사합니다. 너무 순식간에 다 애드되서 깜짝 놀랐습니다. 마치 마법을 보듯이. 

감사합니다!!!

맥 사파리에서는 어떻게 하시나요??

사파리에서 아멕스 오퍼 전체보기 페이지 띄운 상태에서 ⌥⌘C 누르시면 콘솔창 뜹니다.

option+command+ 알파벳 c인가요? 마지막꺼 뭐죠?

알파벳 C 키 입니다.

맥이고 사파리인데 왜 아무일도 안 일어나는 거죠...ㅠㅠ

아 제가 기본으로 설정해두는 게 있어서 이걸 깜빡했네요.

Safari - Preferences - Advanced 가셔서

Show Develop menu in menu bar가 체크되어 있는 상태여야 합니다. 

덕분에 시원하게 처리했습니다. 공유해주셔서 감사합니다-

오퍼를 add하는건 갯수 제한이 없나요?

add 하는것 자체에 제한은 없는데 왠지 모르게 "Added to Card"에는 웹사이트에선 150개, 앱에선 100개씩만 뜨네요ㅠㅠ

좋은 정보 감사합니다! 덕분에 손가락이 편안했어요..

button 이 'activate offer' 로 바껴서 위에 "Add to card" 를 "Activate Offer" 로 바꾸시면 됩니다.

어디서 보고 계신가요? 저는 여전히 "Add to Card"로 나옵니다.

var offerButtons = Array.from(document.getElementsByClassName("btn btn-sm btn-fluid offer-cta btn-secondary")).filter(btn => btn.title == "Activate Offer");

var index;

for (index = 0; index < offerButtons.length; ++index) {

console.log("Clicking offer button");

offerButtons[index].click();

await new Promise(r => setTimeout(r, 2000));

}

Activate Offer 로 바꾼것 올려봅니다

자 이제 이것을 아멕스 카드 여러개에 동시에 다 애드할 수만 있다면... 능력자 모십니다... ==333

아직도 재빠른 멀티탭 신공을 하면 되기는 되는데 열에 다섯번 정도 밖에 안 되더라고요. 그래도 되는 걸 보면 세션을 나눠서 동시에 스케줄하면 될 것 같기도 하고요...

혹시 이거 체이스 오퍼를 Add하려면 어떻게 해야하나요?

능력자 분들의 도움을 요청해봅니다.

며칠 사이 아멕스 웹사이트 코드에 소소한 업데이트가 있었습니다. 불필요한 부분 지우고, 코드 살짝 업데이트 합니다.

[하단 최근 댓글 속 코드로 대체]

감사합니다. 작동 잘 되네요 +_+

최근에 안되던데 지금은 잘 작동하네요!! 감사합니다~

감사합니다!!! 작동 잘 되네요 ㅎㅎ 마모에 정말 능력자 많으셔서 항상 감동입니다!!ㅎㅎ

감사합니다. 위에 코드 넣으니 이런 에러메세지가 뜨는데 왜일까요? ㅜㅜ;

Uncaught SyntaxError: Identifier 'offerButtons' has already been declared

창 하나에서 코드 여러번 실행시키셔서 그런데

여러번 해도 되게끔 바꿀 수는 있지만 그것보다는

한 번 코드 실행시킨 이후에는 페이지 리프레쉬 하신 후에 실행시키기를 권유합니다.

페이지 리프레쉬하면 선택된 카드가 일순위로 설정해둔 카드로 바뀌는 점 유의하세요.

새창에서 해보니 잘 되네요. 감사합니다!

감사합니다! 신세계 체험중이에요~

시간을 2000에서 1500으로 줄여 돌리니 25% 빨라졌습니다. 스크립트 감사합니다.

그 시간이 클릭간 딜레이 시간이라 당연한 결과입니다 ㅋㅋ

감사합니다!

와.. 저 마우스 클릭을 혼자 하다 현타와서 찾았는데 업데이트까지 해 주시다니 정말 감사합니다. ㅠㅜ 

오늘 다시해보니 이렇게 에러가 납니다. 혹시 먼가 바뀌었을까요? 아님 제 브라우저 문제일까요? (Chrome on M1 Macbook, 지난 번엔 잘 되었습니다.)

죠 위에 인생은아름다워님 댓글에 제가 달아놓은 코멘트 확인하셔요.

다시 해보니 됩니다. 감사합니다 ^^

같은 페이지에서 여러번 해도 되도록 코드 바꿔봤습니다. 그렇게 할 일이 별로 없긴 하지만은. 

감사합니다 작동잘 됩니다!

작동 잘되네요. 감사합니다!

구세주이십니다.

이게 오랜만에 오늘 해보니 안되는데 저만 그런 건지 다른 분들도 그런 건지 궁금합니다 ㅠ

저는 사파리에서 북마크에 다음의 코드를 넣어두고 사용중입니다. 그냥 아멕스 웹사이트에서 북마크 바 클릭만 하면 바로 작동합니다.

javascript:btns=%5B...document.querySelectorAll('.offer-cta')%5D.filter(b%20=%3E%20b.textContent%20===%20'Add%20to%20Card');c=()=%3E%7B%20b%20=%20btns.pop();%20if%20(!b)%20return%20console.log('added%20all!');%20b.click();%20setTimeout(c,%20Math.random()%20*%201500%20+%20300)%20%7D;c();

크롬인데 잘 되네요. 감사합니다. 

공유 감사합니다!

예전에 받아놓았던게 잘 안됐었는데 다시 잘 되네요. 감사합니다. 

오 너무 잘되고 빠르네요 감사합니다!

저도 크롬에서 잘 쓰고 있습니다. 감사합니다!

수작업 좋아하시는 분들을 위한 팁(?)입니다. 저는 크롬에서 컴퓨터로 애드 하는데 한 번에 4개를 연달아 클릭하면 전부 애드가 됩니다. 손이 풀리면 5개까지 가능하더군요

저도 예전엔 이거 한번에 몇개까지 동시에 할 수 있는지 해보면서 혼자 즐겼었던 기억도 납니다 ㅎㅎㅎ 이젠 귀찮아서 그냥 저장된 자동화 코드 북마크 클릭해서 애드 하곤 하네요.

아멕스가 웹사이트를 살짝 바꾸고 있습니다. 아직 모든 고객에게 새 디자인이 롤아웃된 건 아니고 A/B 테스팅을 하고 있는 걸로 보입니다. 브라우저에서 아멕스 오퍼 페이지를 풀화면으로 봤을 때, Add to Card 버튼이 하늘색으로 나오면 기존 디자인, 흰색에 아웃라인만 된 버튼으로 나오면 새 디자인입니다. 아무튼 그래서 업데이트된 웹사이트가 보이는 분들은 기존 코드가 작동을 안 할텐데요. 아래 코드는 새로 개편된 페이지에서도 작동하도록 수정한 버전입니다.

[하단 최근 댓글 속 코드로 대체]

깐군밤님 감사합니다! 저 코드 기존 하늘색 버튼에서도 작동하는지 여쭤봐도 될까요?

네, 양쪽 다 됩니다.

재능기부 감사합니다! 덕분에 수월하게 다 추가하겠네요!!!!

깐군밤님, 감사합니다 :) 아멕스 오퍼 클릭하는 수고가 훨씬 줄겠네요!

저만 그런지 모르겠는데, 아멕스가 offer-cta 라는 클래스 이름을 없애버려서 더이상 코드가 작동하지 않더라고요.

일단 임시방편으로 offer-cta 대신에 _btn_jsa6y_25 라는 클래스 이름으로 교체를 했더니 코드가 작동하기는 합니다.

근데 아멕스가 클래스 이름을 언제 또 바꿀지 모르겠어요. 아무리 봐도 _btn_jsa6y_25 라는 이름도 임시로 사용하는 이름인 것 같아 보여서요.

그래서 업데이트한 코드입니다. 그런데 즐찾버전을 올드코드를 복붙했네요. 수정했습니다!

그 클래스 이름은 임시라기 보다는 유니크하게 시리얼라이즈된 부분인데 아멕스에서 새 코드를 릴리즈 하면 바뀔 걸로 예상해요.

수정 감사합니다~ 클래스 이름 안써도 되고 코드가 훨씬 깔끔하네요~

아멕스 오퍼가 체이스 오퍼와 비슷한 카드 형식의 UI를 또 새롭게 도입했네요 (그만 해...). 아래 코드 쓰시면 지금 아멕스에서 동시에 운영 중인 세 가지 UI 모두 작동할 겁니다.

브라우저 콘솔 버전

Array.from(document.querySelectorAll('div[id="axp-offers-container"] button[title^="add to" i]'))
  .reduce(async (promise, button) => {
    await promise;
    button.click();
    await new Promise((r) => { setTimeout(r, 1000) });
  }, Promise.resolve());

즐겨찾기 URL 버전

javascript: Array.from(document.querySelectorAll('div[id="axp-offers-container"] button[title^="add to" i]')).reduce((async(e,r)=>{await e,r.click(),await new Promise((e=>{setTimeout(e,1e3)}))}),Promise.resolve());

--

새로운 UI에서 오퍼를 디폴트 카드뷰가 아닌 리스트뷰로 보면 살짝 달라지는 부분이 있어서 리스트뷰에서도 작동하도록 눈꼽만큼 수정했습니다.

예전에 주신 코드로 매번 사용하다가 갑자기 안되서 왜인가 했더니 또 업데이트를 했었군요

새로 주신 코드로 해보니 정말 잘되네요.  매번 감사드립니다!!

올려주신 코드로 잘 쓰고 있었는데 오늘 확인해보니 실행시켜도 아무 변화가 없는게 또 무슨 업데이트가 있었던 걸까요? 

코드를 최근에 몇 번 업데이트 했는데 현재 윗 댓글에 있는 코드로도 안 되나요? 이틀 전까진 잘 됐거든요. 

오늘 했을때 잘 되었습니다! 감사합니다!

기존 즐겨찾기를 지우고 새로 다시 해보니까 이제 되네요. 잘못된 정보드려 죄송합니다. ㅠㅠ 감사합니다!

업데이트 하기 전 코드 가지고 계셨던 것 같아요. 

혹시 체이스 오퍼 자동으로 넣는건 따로 글타래가 있나요? 찾아봤는데 없어서 여기 남깁니다.

(업데이트: 체이스 홈페이지 개편뒤 이 스크립트가 작동하지 않습니다. 레딧 게시글을 확인 해 주세요.)

javascript:(function(){let t=0,e=100,o={scrollAnchor:"._168skg81",offerItem:".r9jbij0",alreadyAddedIcon:'[type="ico_checkmark_filled"]',addButton:'[type="ico_add_circle"]'},c=()=>new Promise(r=>{const t=document.querySelector(o.scrollAnchor);t?(t.scrollIntoView({behavior:"smooth",block:"end"}),setTimeout(r,1e3)):r()}),n=()=>{t++,window.history.back(),setTimeout(d,1e3*Math.random()+300)},d=async()=>{if(t>=e)return void console.log(`🛑 Reached maximum of ${e} attempts. Stopping.`);await c();let r=[...document.querySelectorAll(o.offerItem)].filter(t=>!t.querySelector(o.alreadyAddedIcon));if(console.log(`🔍 Found ${r.length} offers to add (Added ${t} so far)`),r.length>0){let e=r.pop(),c=e.querySelector(o.addButton);c?(c.scrollIntoView({behavior:"smooth",block:"center"}),setTimeout(()=>{try{c.click(),console.log("✅ Offer added."),setTimeout(n,1e3*Math.random()+300)}catch(t){console.error("❌ Error clicking add button:",t),setTimeout(d,500)}},500)):(console.warn("⚠️ Add button not found for an offer."),setTimeout(d,500))}else console.log(`🎉 Done! Total offers added: ${t}`)};d()})();

크롬 플러그인도 있습니다.

https://chromewebstore.google.com/detail/auto-activate-chase-credi/gkhlgobgichcdmjgipofmhognfgeafpk?utm_source=item-share-cb

레딧 게시물도 있습니다.

https://www.reddit.com/r/ChaseSapphire/comments/18pb8w5/auto_add_all_offers_to_chase_card

혹시 저 console이나 플러그인 작동되시나요? 얼마전까지는 플러그인 잘 썼는데 어느순간 add안된 오퍼가 있는데도 다 add되었다고 refresh하라는 메세지만 뜨네요..;;

체이스 홈페이지가 바뀌면서 제대로 작동하지 않아서 여러번 console에 입력해야 해요. 좀 번거로워졌어요. 제대로 되는거 찾으면 다시 올릴게요.

javascript:a=()=>{window.history.back(); setTimeout(c, Math.random() * 1000 + 500);}; c=()=> { btns=[...document.querySelectorAll('.r9jbijc')].filter(b => b.parentNode.childNodes[1].childNodes[1] === undefined); b = btns.pop(); if (!b) return console.log('added all!'); b.childNodes[0].click(); setTimeout(a, Math.random() * 1000 + 200); }; c();
 

체이스 오퍼 이 스크립트 북마크바에 등록하시면 됩니다. 방금 써봤는데 잘 동작하네요. 

와 감사합니다 능력자분들이 진짜 많으시네요

감사합니다. 제 게시글의 스크립트 지우고, 레딧 링크 달았습니다.

이 코드와 레딧 링크에 업데이트 되고 있는 코드는 주기적으로 작동을 멈출 거예요. 체이스 공홈 개발자들이 일을 열심히 하면 제가 지금 아멕스 코드 업데이트 하는 것보다 훨씬 자주요. 사용된 identifier 선택이 아쉬운 코드입니다.

Button ID 가 변경되어서 "깐꾼밤" 님께서 올려주신 코드가 동작하지 않길래, 아래와 같이 수정했습니다. :)

javascript:Array.from(document.querySelectorAll('div[id="axp-offers-container"] button[data-testid="merchantOfferListAddButton"]'))  .reduce(async (promise, button) => {    await promise;    button.click();    await new Promise(resolve => setTimeout(resolve, 1000));  }, Promise.resolve())

예전 코드 가지고 계셨던 것 같은데 최근 댓글에 있는 코드 현재도 정상 작동합니다. 각 버튼에 달린 data-testid attribute가 리스트뷰와 그리드뷰에서 서로 다르기 때문에, 지금 올려주신 코드는 리스트뷰에서만 작동하고 그리드뷰에서는 작동 안 합니다.

리스트 뷰에서 작동하지 않길래 수정했는데, 그리드 뷰에서는 확인을 안했네요 ㅎㅎ 

아마 말씀하신 대로 제가 예전 코드를 가지고 있었어서 그런 것 같고, 깐군밤님께서 말씀하신 것 처럼 최근 댓글에 있는 코드를 쓰시는 게 나을 것 같습니다. :)