[패치: 9/21/2020] 아멕스 오퍼 찾아주는 크롬 익스텐션

재능기부 감사합니다

대박 능력자시군요!! 감사합니다. 

재능 기부 감사드립니다!

와 이런 재능을 가지시고 나보다잘생긴 님이시라니ㅜㅜ 아무튼 감사히 잘쓰겠습니다

첫째 부분은 그렇다쳐도 둘째 부분은 확인이 불가능하니 막 던지는 겁니다.

방금 어느 분께서 오퍼 페이지 링크 타고 가서 로그인 했는데 익스텐션 아이콘 클릭해도 아무것도 안 뜬다고 하셨는데 댓글 삭제하셨나 보네요.

주의사항에 그 부분에 대해서 쓴다는 걸 깜빡했습니다.

혹시 앞으로 같은 문제 겪으실 분들 위해서 댓글로 정보 남깁니다.

* 오퍼 페이지에서 자동 로그아웃

오퍼 페이지에서 시간이 흘러 자동으로 로그아웃이 되었다가 다시 로그인을 했을 경우에는 페이지 리프레쉬를 한 번 해주셔야 익스텐션이 작동합니다.

익스텐션 활성화 시킬 때 오퍼 페이지에 카드 목록을 불러줄 간단한 스크립트를 인젝트 하는데,

로그아웃 되었다가 다시 로그인 돼서 익스텐션이 재활성화 된 경우엔 기존 웹페이지와 익스텐션 간에 연결이 끊어져서 그렇습니다.

바로 오퍼 페이지 링크를 타고 가서 로그인을 했을 경우에도 마찬가지 입니다.

제가 썻습니다.  ^^;

주소에 뒤에 부분 다 지우고 다시 엔터하니 나왔어요. 괜히 또 신경쓰실까봐 지웠습니다 ㅎㅎ 

아하! 글 중간에 있는 링크 클릭해서 가셨었군요~

지금 보니까 에디터가 자동으로 링크 변환할 때 URL 뒤에 붙은 ) 까지 포함돼서 링크가 걸려가지고 그랬네요.

글 수정해서 링크 제대로 걸어두었습니다. 피드백 감사합니다!

ㅎㄷㄷㄷ

나보다 잘생긴님 천재네요 심지어 아이디도 천재성이....

부를때마다 뭔가 지는 기분ㅋㅋㅋ

어쩜 멋져요. 고마워요.

우아~~  너무너무 잘 사용하겠습니다!!!! 감사합니다 

세상은 넒고 마모엔 잘생기고 똑똑한 사람도 많다.

이건 사실 자바스크립트 조금만 배워보신 분이면 누구나 만들 수 있는 거에요 ㅠㅠ

진짜 능력자분들께서 제 소스코드 검사하실까봐 살짝 쫄려요. ㅎㅎㅎㅎ

우와 능력자이십니다! 절대 닉네임은 부르지 않겠습니다! ㅋㅋ

감사합니다.

전 언제나 이런걸 만들 수 잇을까요?

감사드립니다.

나보다잘생긴 님이 프로그램도 잘 만들고 그걸 또 공유해 주시니 감사!

아멕스에 스카우트 되시는 거 아니에요? ㅋㅋ

네 아니에요 ㅎㅎㅎㅎㅎㅎ

이런 능력자마 마모에 있다니. 놀랍습니다. 

와 지금 막 깔아봤는데 너무 좋네요!! 정말 감사드립니다 ^^

지금 사용하다보니 한가지 주의할 점이 있네요. 이건 나보다잘생긴님께서 만드신 크롬 익스텐션의 문제는 전혀 아니고 아멕스 시스템 자체의 문제인데요.

예를 들어 available 에 90개, added to card 에 50개가 있었다면, 오퍼를 전부 담으면 0개 / 140개가 됩니다. (담기지 않고 Learn more 로 나오는 오퍼는 예외) 그런데 담고난 직후에는 오퍼가 140개라고 표시되는데요. 로그아웃/로그인 하고 나서 보니 0개 / 100개로 나옵니다..... 

모바일 앱에서 확인하니 초기화면에는 담은 오퍼가 140개라고 나오는데 클릭하면 100개로 바뀝니다.

확실하진 않지만 제 느낌으로는, 아마 보이지만 않을 뿐, 일단 담은 오퍼는 정상적으로 사용이 될 가능성이 높을 것 같습니다. 그렇지만 눈에 보이지 않으면 어떤 카드에 담았는지 혼동될 수 있으므로... 가급적 100개가 넘지 않도록 조절해서 담으면 좋을 것 같습니다. (account 하나에 카드가 여러장 있는 경우, 잘 안쓰는 오퍼를 잘 안쓰는 카드에 미리 담아둔다거나 하는 방법으로 분산해서 담으면 좀더 수월한 것 같습니다)

혹시 불필요한 오퍼를 제거하는 방법이 있거나, 아니면 이런 상황에 도움이 될만한 다른 팁이 있는지 궁금합니다 ^^

정말 유의해야할 부분이네요! 리포트 감사합니다!

오퍼 전부 쓸어담기는 별로 추천하지 않는 기능이긴 합니다. 담긴 오퍼 확인도 안 하는 저는 거의 버리는 기능...

예전에 마모 게시판에 전부 쓸어담는 코드가 올라왔던 적이 있는데 쓰시는 분들 계시기에 혹시나 싶어 그냥 부가 기능으로 넣어뒀습니다.

말씀하셨다시피 제 익스텐션과는 별개로 아멕스 홈페이지에서 허용하는 액션이니 큰 문제야 없겠지만은 필요한 경우가 아니면 전부 쓸어담는 기능은 피하세요~

불필요한 오퍼를 제거하는 방법은 아마도 없는 것으로 보입니다. :)

그래도 정말 유용한 기능이라 넣어주셔서 감사드립니다. 특히 블프기간이라 온갖 오퍼들이 있다보니... 생각보다 잘 쓰고 있습니다! 카드마다 적당히 오퍼 개수를 분배하고 전부 쓸어담으니, 새로 들어온 오퍼를 확인하기가 정말 쉽습니다 ㅎㅎㅎ 어차피 한 카드에 담은 오퍼는 다른 카드에서 사라지므로 초반 작업을 잘 하면, 각 카드 오퍼를 100개 미만으로 관리하는 것이 그리 어렵지 않은 듯 합니다.

금손이시네요, 덕분에 처음으로 오퍼를 다 담아보는 경험을 해봅니다.

감사합니다. 자주 쓸 것 같아요.

위에서 얘기가 나왔지만, 오퍼 다 담기는 지양해 주시고 원하는 오퍼 찾아서 담기를 자주 쓰세요~

아 그렇군요. 첨이다보니 다 담고 말았어요. 감사합니다.

넘나 편하게 담아지네요. 감사합니다!

오늘 실행해보니까 안되던데... 혹시 업데이트가 필요한건가요?

방금 해보고 왔는데 이상 없었습니다.

조금 더 구체적으로 어떤 증상이나 에러 메세지 덧붙여주시면 도움 드릴 수 있는데, 안 된다고만 말씀하시면 제가 어떤 상황인지 알 수가 없습니다 ㅎㅎ

본문에 나와있는 주의사항 한 번 읽어보시고 다시 해보시거나 증상을 자세히 설명해 주시면 답변 드리겠습니다!

혹시 익스텐션 아이콘 클릭해도 아무 반응이 일어나지 않는 거라면 페이지 리프레쉬 하신 뒤에 다시 해보세요.

리프레쉬 하면 디폴트 카드로 자동 선택 되니까 Add all 모드 쓰실거면 실행 전 선택된 카드 잘 확인하시고요.

첫 자작 크롬 익스텐션이라 코드상 익스텐션 활성화 시키는 로직을 손봐야 할 것 같습니다.

말씀하신 방법으로 리프레쉬 해보니 잘 되네요!! 감사합니다.

굿! 저도 풀기 전에 테스트하면서 겪은 부분이라 주의사항에 적어뒀었어요.

시간 날 때 코드 좀 손봐서 이 부분 방지할 수 있도록 업데이트 할게요!

EDIT: 생각만큼 간단하게 해결할 수 있는 부분은 아니었네요 ㅎㅎ

크롬 익스텐션에 대해 좀 더 이해가 필요한 상황인 것 같습니다.

어쨌든 이것 때문에 저도 불편함을 겪고 있어서 조만간 패치 하겠습니다.

해당 문제 해결했습니다. 업데이트 바랍니다.

업데이트 감사합니다. 정말 유용하게 쓰고 있습니다!!!

선 댓글 후 사용하겠습니다. 일단 대박 감사합니다. 진짜 능력자이시군요!!

이건 사실 생각보다 간단한 코드라...ㅎㅎ

저같이 이 분야를 모르는 사람에겐 너무 대단한 일을 해주신겁니다.ㅎㅎ

이쪽 분야가 핫한데 눈을 뜨시죠!

ㅎㅎ 눈떠야 할 분야가 넘 많네요

---

이 위로 설치하신 분들은 업데이트 한 번 해주세요.

압축파일 다시 다운로드 받고 설치하신 경로에 압축해제한 파일들을 덮어씌운 뒤에,

크롬 익스텐션 관리 페이지에 가셔서 Reload 해주시면 됩니다.

* 첫 실행 또는 로그인 직후 페이지를 리프레쉬 해야만 작동하던 문제를 해결했습니다.

* 계정 내 카드가 4개 이상일 경우 5번째 카드에서 에러가 나는 버그를 고쳤습니다.

(제가 그동안은 아멕스 카드가 4개 밖에 없어서 아멕스 웹사이트에서 기본적으로 5번째 카드가 숨겨진다는 걸 몰랐습니다 ㅎㅎ)

크롬 익스텐션 너무 잘쓰고 있습니다! 감사드려요.

그런데 크롬 켤때마다 "extensions running in developer mode can harm your computer..." 라고 팝업 창이 뜨는데 disable할수 있는 방법이 있을까요?

저는 그런 팝업 안 떠서 잘 모르겠네요. 평소에 크롬을 잘 끄지도 않고요.

혹시 익스텐션 설치 후에 디벨로퍼 모드를 꺼두셨나요?

아니요 설치후에는 건드리지 않았는데 이상하네요 ㅎㅎ 다시 지웠다가 깔아봤으니 혹시나 괜찮아지는지 체크해보겠습니다

우와 너무 좋네요..

감사드립니다.

좋네요!! 유지/보수/피처 도움필요하시면 알려주세요 :)

소스 컨트롤 버전 컨트롤 하고 있지도 않아서 ㅎㅎ 혹시 크롬 익스텐션 제작 경험이 있으신가요? 사실 궁금한 부분이 하나 있긴 있는데 크롬 익스텐션에서 performance상의 이유인지꼭 필요할 때만 popup view를 업데이트 하는 것 같더라고요. 그래서 약간의 CSS 트릭을 써서 1픽셀 사이즈로 항상 움직이는 애니메이션 효과를 숨겨두고 있는 상태인데요. 이걸 안 하면 몇몇 애니메이션 효과들(카드 순서 바꿀 때 마지막 카드 위치 바뀐 게 화면상 바뀌지 않는다든가 버튼 클릭할 때 웨이브 효과가 멈춘다든가)이 정상적으로 다 렌더되지가 않습니다. 이런 현상을 트릭 없이 방지할 수 있는 방법이 뭐가 있나요?

혹시 크롬 익스텐션 제작 경험 있으신 분께서 이걸 본다면 조언 부탁드립니다!

ad block extension 껴있는분들은 아멕스 오퍼 페이지에서 꺼두세요~

무한 로딩으로 팝업이 안떴는데... ad block 끄니깐 잘 뜨네요 ^^

유용한 툴 공유해주셔서 감사합니다~

무한 로딩이라는 게 이 익스텐션 버튼 클릭하면 익스텐션 팝업이 뜨긴 뜨는데 무한 로딩이었던 건가요?

아니면 웹페이지에 어느 부분이 무한 로딩이었던 건가요?

이 익스텐션은 애드 블락이 막을만한 무언가가 없을텐데... 무슨 이유일까 곰곰히 생각해보고 있습니다.

귀찮지 않다면 조금만 더 디테일하게 증상 설명해주실 수 있을까요?

활성화된 익스텐션 버튼 클릭하면 팝업창이 뜨긴 뜨는데 옵션이 뜨지 않고 아래 이미지처럼 팝업창에 로딩 중인 상태만 반복 표시되더라구요..

제가 사용하는 크롬의 에드블록 확장 (Adblock Plus)이 만들어주신 아멕스 오퍼 확장프로그램을 차단해 버리는 것 같습니다..ㅎㅎ

오호 애드블록이 원래 익스텐션 팝업도 차단을 시키나요?

익스텐션 팝업에도 광고 넣을 수 있으니까 그렇게 디자인한 건가...

나중에 여유되시면 애드블록에 다시 블랙리스트 시키고 해봐주실 수 있나요?

무한로딩 뜨면 팝업 외부 클릭해서 팝업 없애고 다시 클릭해보는 거랑,

그것도 안 되면 페이지 리프레쉬 하고 다시 시도해보는 것까지?

혹시 잠시의 오류로 인해서 무한로딩 뜬 건지 확인하고 싶어서요.

이번에 업데이트하면서 팝업 띄우는 로직을 살짝 바꿨는데 설마 그게 탈인가 궁금하거든요. 

팝업 없애고 다시 클릭, 페이 리프레쉬하고 시도 해봤는데.. 마찬가지로 로딩 걸리구요.

제가 애드블록 옵션을 이것저것 만져봤는데.. "Block additional tracking" 기능을 끄니깐 애드블록을 안꺼도 익스텐션이 작동하는것 같습니다.

그게 왜 문제가 될까 이해가 잘 안 되네요 흠...

어쨌든 당연하게도 광고 문제는 아니고, 오히려 online activity tracking으로 태클을 거는군요.

이 익스텐션에선 트래킹 하는 게 전혀 없는데, 로컬스토리지 사용하는 걸 막는건가.

아무튼 피드백 감사합니다!

Developer mode를 켜면 crx 파일로 익스텐션 설치가 가능하다는 걸 이제야 알았네요.

더블 클릭으로는 인스톨 안 되고 익스텐션 관리 화면에 드래그&드롭 하면 설치 됩니다.

첨부 파일에 소스코드 압축 파일 지우고 crx 파일로 대체합니다.

CRX 파일로 설치가 안 되는 것 같네요. 다시 압축파일 업로드 해뒀습니다.

말씀하신대로 드랍했는데, 활성화가 안돼요. 어떻게 해야 하나요..? 윈도우10, 크롬 디벨로퍼 활성화 on 했어요.

아래에 있는 오른쪽 밀기 버튼을 눌러보는데도 움직이지가 않아요..;

CRX 파일로 설치하는 게 결국 안 되는 건가 봅니다.

제가 실험해볼 때 기존에 설치했던 걸 안 지우고 설치를 해봤었는지... 왜 됐었는지 모르겠네요.

압축파일 업로드 하고 설치 방법 다시 수정했습니다.

어머! 이런건 꼭 (스크랩) 담아야되!

이제서야 써보는데 아주 좋네요. 기다렸던 그 프로그램.. 감사합니다.

미루다 오늘 써봤는데 상당히 유용합니다.

Test mode 로 keyword search 로 offer 가 들어온 모든 card를 볼 수 있어요

그 후에 담고 싶은 카드에 담으면 되네요

기능 하나 요청해도 될까요?

offer 를 담아놓고 어느카드에 넣었는지 찾는것도 일이더라구요

offer 가 어느카드 "Added to Card" 에 들어 있는지 찾는 것 좀 개발해 주실 수 있나요 

음 유용한 기능이겠네요 ㅎㅎ

https://global.americanexpress.com/offers/enrolled
https://global.americanexpress.com/offers/eligible

두 개의 다른 페이지에서 작동하게 만들어야 하고 UI도 헷갈리지 않게 하려면

각 페이지에서 아예 다른 UI가 디스플레이 되게 하는 게 좋을 것 같아서 손이 좀 갈 것 같아요.

시간 여유가 많이 있을 때 추가하는 쪽으로 해보겠습니다. 저도 필요한 기능이긴 합니다. ㅎㅎ 

정말 좋은 기능 만들어주셔서 감사합니다. 회원가입하기 전 몇번 썼는데 저는 크롬 켤때마다 잘생긴 님 익스텐션이 사라져서 매번 새로 인스톨을 새로 하는데 저만 그런건지 아니면 원래 그런건지 궁금합니다.

앗 이게 끌올 되네요.

제가 만들긴 했어도 (닉네임을 바꿨습니다 작년 말에)

설치 방법은 동일하게 쓰고 있는데 전 새로 인스톨 할 필요는 없거든요.

혹시 크롬을 인코그니토 모드 디폴트로 사용하시나요?

다른 분들도 같은 증상 있는지 궁금하네요.

제 PC에 desktop 폴더에 익스텐션을 놓고 설치하고는 파일을 지워버려서 사라졌던걸 알아냈어요

저는 한번 인스톨 하면 어디 다른곳에 설치 되는줄 알았는데 올려주신 익스텐션 파일을 계속 그 위치에 둬야 하더라구요

다른 곳으로 옮겨서 설치하니 증상이 사라졌습니다. 감사합니다!

아하 그러셨군요!

디벨로퍼 모드로 unpacked package를 로드하는 방식이라서 파일들이 그 자리에 있어야 합니다.

설치 후 지울 걸 예상 못했었는데 혹여나 쓰실 분들 계시면 도움 될만한 내용이네요. 감사합니다!

간디님 요긴한 툴 만들어 주셔서 다시 한 번 감사드립니다.

한데 요새 요렇게 뜨면서 카드 목록 인식을 못하고 작동이 안 되는 것 같습니다 ㅠㅠ

댓글 보고 방금 테스트 해봤는데 문제 없이 잘 작동하거든요.

지금 스샷에서 봐도 카드 리스트가 제대로 뜨는 걸 보면 웹사이트에 특별히 변동사항이 생긴 것 같진 않은데요.

카드 리스트 두번째에 있는 Ignore card(s) below 항목이 그 밑에 있는 카드들 다 무시하라는 기능인데,

그 항목 오른쪽에 move 아이콘 클릭&홀드해서 순서를 맨 밑으로 옮기거나

원하는 카드들만 그 위로 옮긴 다음에 다시 시도해 보세요.

얼마 전에 어떤 이유로 그게 움직여서 (한 번 움직이면 그 위치를 기억해두게끔 만들었거든요) 고정이 된 것 같아보여요,

아, 그 부분은 그렇네요 ;; 리포트할 때 멍청한 실수를.

카드 선택은 그런데요.

이후에 실제 있는 오퍼 이름을 넣고 submit 해도

"Oops! Looks like something went wrong... But don't worry, offers remain untouched." 메시지가 뜹니다.

일단 잘 되신다니 제 쪽 문제인 것 같네요. ㅠㅠ 감사합니다.

혹시 참고가 되실까 해서... 크롬 익스텐션의 Error 항목에 가보니 이렇게 나와 있네요.

앗 제가 실험할 때 다 쓸어담는 걸 해보는 바람에 ㅋㅋ

다시 해볼게요 ㅋㅋ

--
Edit: 확실히 오류 있네요 ㅋㅋ 뭔가 웹사이트에 변동사항이 있는 것 같아서 둘러볼게요.

--

Edit: 카드 스위처 부분에 변동이 살짝 생겼어요.

각 프로덕트(카드) 아이디 나와있던 부분을 없애버렸네요.

코드 수정해서 올렸습니다. 덕분에 미뤄뒀던 다른 버그도 수정했습니다 ㅋㅋ

알려주셔서 감사합니다!

아멕스 웹사이트 변동으로 인해 코드 업데이트 했습니다.

혹시라도 아직 사용하시는 분들 계시면 (아마도 @grayzone 님이 유일한 것 같지만)

본문 내 압축파일 다시 다운로드 하셔서 기존 경로에 덮어씌우시고

익스텐션 설정 창에 가서 업데이트 한 번 눌러주세요!

Silent Majority가 사용하고 있을 거라고 생각합니다. ㅋㅋ

감사합니다!!!

와 방금 사용했는데, 엄청 유용해요~ 감사합니다!!

완전 유용하네요. 저는 처음에 익스텐션 등록화면에 아무것도 안떠서 그냥 폴더 로드한뒤, F5 눌러서 새로 고침 누르니 등록이 잘되어 있고 다른 익스텐션도 나타났습니다. 감사합니다.

이거 저도 최근에 사용하기 시작했는데 넘 좋네요!

남들 다 타겟되는 오퍼 저만 없는 것 다 찾아보고 눈 비비고 또 찾아보느라 시간 낭비 많이 했었는데, 이거 쓰니 넘 좋아요!

나보다잘생긴 (끄응..) 데이비드간디님 감사합니다!

아멕스가 뭔가 또 바꾼 것 같습니다.... ㅋㅋ ㅠㅠ 드리는 것 없이 맨날 버그 리포트만 하는 것 같...

좋습니다! 오늘 저녁에나 들여다볼 수 있겠어요. 

곧 업데이트 하겠습니다!

감사합니다 ㅠㅠㅠㅠ

혹시 어떤 부분이 안 되는 지 조금만 디테일하게 설명해주실 수 있나요?

뭔가 변화가 있긴 있어서

이미 다른 카드에 추가된 오퍼가 다음 카드에 떴을 때

그 오퍼는 무시하는 로직이 제대로 작동을 안 하긴 하네요.

혹시 이 부분을 말씀하신 건지 아니면 다른 문제가 있는지

답변 주시면 그에 맞춰서 패치하겠습니다!

네, 그것도 있었구요.

정확히 원인은 모르겠지만, 중간에 Available offer가 0개로 뜨면서 다음 카드로 넘어가지 못하고 오류가 생기는 케이스가 있습니다.

trigger되는 조건까진 못 찾았네요 ㅠㅠ

이럴 때 (1) 카드 목록이 expand 될 때도 있고 (2) 아닐 때도 있습니다. ;;

아하~ 감사합니다!

요 부분은 오퍼 몇 개 등록하자마자 카드가 바뀌면서 아멕스 페이지 자체에서

무슨 이유에선가 (아마도 타이밍 이슈?) 오퍼 리스트를 못 받아오는 것 같은데

한 번 이리저리 테스트 해볼게요.

혹시 맥컴퓨터에서 크롬을 사용해도, 작동을 하나요? Extension은 활성화되어있는데, 아무런 작동을 안하는것 같아요. 혹시, 팝업블록을 해서 그럴까요?  

네 OS는 상관 없습니다.

일단은 설명에 나온대로 아멕스 오퍼 View All 페이지에 가야만 작동하고요,

전에 댓글 중에 다른 분도 애드블록 때문에 작동 안 하더란 말씀을 주셨었는데 그거 때문일지도 모르겠습니다.

잘 사용해왔는데 얼마전 부터 작동을 안하네요. 혹시 업데이트 된 버전 있으면 올려주실수 있나요 ?

코드는 안 건드린지 한참 돼서 일단 첨부파일들을 지워둔 상태였습니다.

어떻게 작동을 안 하는지 조금 더 자세히 설명을 해주시면 좋을 것 같아요.

저는 아직 문제 없이 잘 쓰고 있는터라...

https://global.americanexpress.com/offers/eligible 에서 플러그인을 선택하면 아무 팝업 화면이 안나왔었습니다. 문제없이 쓰신다는 얘기를 보고 익스텐션을 지우고 다시 설치 해보니 되네요. 감사합니다. 

간디님!! 혹시 전에 올리셨던 프로그램 다시 올려주실 수 있을까요?ㅠㅠ 전에 잘 쓰다가 포맷 한 다음에 다시 설치 하려니까 안보이더라구요ㅠㅠ

요기 있습니다. 추가 업데이트를 멈출 예정이라 첨부파일은 내일까지만 나둘게요!

감사합니다^^

컴퓨터를 바꾸는 바람에 제일 먼저 다운받으려고 글을 검색해서 찾았는데 

더이상 파일이 없군요 ㅜㅜ 아쉽습니다... 유용하게 잘 쓰고 있었는데 ㅜㅜ